为什么Jquery对话框不工作,按钮甚至不能按下

ehxuflar  于 2022-11-29  发布在  jQuery
关注(0)|答案(1)|浏览(127)

我试图只是弹出一个对话框的按钮点击在我的页面。我有以下的js代码:

$("#myDialog").dialog({
    autoOpen: false,
    modal: true,
    title: "A Dialog Box",
    buttons: {
        'OK': function () {
            var textValue = $('#myTextBox').val();
            alert('The value of the text box is ' + textValue);
    },
        'Close': function () {
            alert('The Close button was clicked');
            $(this).dialog('close');
        }
    }
});

$('#clickMe').click(function () {
    $("#myDialog").dialog("open");
});

和我html:

<div id="myDialog">
        This is the content of my modal dialog box
        <input type="text" id="myTextBox" />
    </div>

    <button style="position: absolute; left: 150px;" id="clickMe">Click Me</button>

每当我按下按钮,什么都不会发生。好像它只是为了展示,有什么想法吗?

cgh8pdjw

cgh8pdjw1#

下面是jQuery UI对话框的完整代码
第一个
Demo here

相关问题