0

jquery ダイアログを使用して html ページを開きます。

var url = "Popup.htm";
$('<div id=DialogDiv>').dialog({
            dialogClass: 'DynamicDialogStyle',
            modal: true,
            open: function () {
                $(this).load(url);
            },
            close: function (e) {
                $(this).empty();
                $(this).dialog('destroy');
            },
            height: 350,                              
            width: 540,
            title: 'Lookup'
        });

上記のコードは、Popup.htm をモーダル ダイアログで開きます。Popup.htm にはボタンがありますが、クリック イベントが発生しません。助けてください。

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.22/jquery-ui.min.js"></script>
<title>PopUpView</title>
<script type="text/javascript">

    $(function () {


        $("#btnSearch").click(function () {                
            $.ajax({
                type: "POST",
                contentType: "application/json",
                url: "http://localhost:3340/Service1.svc/FetchAllCompany",
                dataType: "json",
                success: function (data) {
                    alert('ok');
                    var div = $("#test").empty();
                    $(data.d).each(function (index, item) {
                        div.append(
                $("<tr>").append($("<td>").html(item.COMP_CODE))
                .append($("<td>").html(item.COMP_NAME))
                .append($("<td>").html(item.COMP_FRZ_FLAG)));
                    });
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {                        
                    debugger;
                }
            });

        });
    })

</script>    


<body>
<div id="MainContentDiv">
    <label>Search</label>
    <input />
    <button id="btnSearch">...</button>
    <div>
        <table id="test">    
        </table>
    </div>
</div>

btnSearch のクリック イベントが発生しない

4

0 に答える 0