0
jQuery 대화 상자의 닫기 버튼에 문제가 있습니다. 어떻게 든 버튼의 제목은 숨겨져 pic 아이콘에 오버레이됩니다.Jquery 대화 상자 닫기 버튼 제목 오버레이 닫기 아이콘
나는 요소를 검사하고이 내가 _Layout.cshtml에서 렌더링 무슨 pic
을 가지고 무엇
<head>
<link href="/Content/Site.css" rel="stylesheet"/>
<link href="/Content/datepicker.css" rel="stylesheet"/>
<link href="/Content/AboutContactUs.css" rel="stylesheet"/>
<link href="/Content/userPage.css" rel="stylesheet"/>
<link href="/Content/home.css" rel="stylesheet"/>
<link href="/Content/themes/base/core.css" rel="stylesheet"/>
<link href="/Content/themes/base/resizable.css" rel="stylesheet"/>
<link href="/Content/themes/base/selectable.css" rel="stylesheet"/>
<link href="/Content/themes/base/accordion.css" rel="stylesheet"/>
<link href="/Content/themes/base/autocomplete.css" rel="stylesheet"/>
<link href="/Content/themes/base/button.css" rel="stylesheet"/>
<link href="/Content/themes/base/dialog.css" rel="stylesheet"/>
<link href="/Content/themes/base/slider.css" rel="stylesheet"/>
<link href="/Content/themes/base/tabs.css" rel="stylesheet"/>
<link href="/Content/themes/base/progressbar.css" rel="stylesheet"/>
<link href="/Content/themes/base/theme.css" rel="stylesheet"/>
</head>
<body>
....
<script src="/Scripts/jquery-3.1.0.js"></script>
<script src="/Scripts/ajax-popup.js"></script>
<script src="/Scripts/moment.js"></script>
<script src="/Scripts/bootstrap.js"></script>
<script src="/Scripts/bootstrap-datepicker.js"></script>
<script src="/Scripts/bootstrap-datetimepicker.js"></script>
<script src="/Scripts/respond.js"></script>
<script src="/Scripts/jquery-ui-1.12.0.js"></script>
</body>
여기
내가 대화를 설정하는 방법은 다음과 같습니다
$(document).ready(function (e) {
....
$("#addSuccessDialog").dialog({
height: 100,
width: 200,
autoOpen: false,
modal: true
});
var popupDialog = function (e) {
$("#addSuccessDialog").dialog("open");
}
// the return viewed has many add buttons, each button is registered with the handler above.
$("#giftSearchButton").click(function (e) {
$("#ajaxLoader").show();
$.ajax({
url: 'testAmazon',
type: 'POST',
data: JSON.stringify({ cat: $("#EventGiftViewModal_selectedCategory").val(), kw: $("#EventGiftViewModal_keyWord").val(), tabContentWidth: tabContentWidth }),
contentType: 'application/json; charset=utf-8',
success: function (e) {
$("#ajaxLoader").hide();
$("#giftSearchResult").empty();
$("#giftSearchResult").html(e);
$(".addGift-primary").each(function() {
$(this).click(popupDialog);
})
}
});
});
....
});
결과를 복제 할 수 없습니다. 여기에서 테스트되었습니다 : https://jsfiddle.net/Twisty/r2a6d3kp/ 솔루션을 찾았 기쁩니다. – Twisty