文章/答案/技术大牛

发布

社区首页 >问答首页 >无法为我打开JQuery UI对话框

问无法为我打开JQuery UI对话框
EN

Stack Overflow用户

提问于 2019-02-17 21:14:29

回答 1查看 28关注 0票数 0

HTML：

<button type="button" class="btn btn-success" style="margin-bottom:14px" id="btnAdd" onclick="modaladdedit('URLToMyController')"><i class="fa fa-plus"> Add New</i></button>

HEAD标签：

<link rel="stylesheet" href="/Content/themes/base/jquery-ui.min.css" />            
<script src="/Scripts/jquery-3.3.1.js"></script>
<script src="/Scripts/bootstrap.min.js"></script>
<link rel="stylesheet" href="/Content/bootstrap.min.css">
<link rel="stylesheet" href="/Content/font-awesome.min.css">
<link rel="stylesheet" href="/Content/ionicons.min.css">
<link rel="stylesheet" href="/admin-lte/css/AdminLTE.min.css">
<link rel="stylesheet" href="/admin-lte/css/skins/skin-black-light.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">        
<link href="/Content/jquery.dataTables.min.css" rel="stylesheet"/>
<link href="/Content/datatablefooteredit.css" rel="stylesheet"/>
<script src="/Scripts/jquery-ui-1.12.1.min.js"></script>
<script src="/Scripts/jquery.dataTables.min.js"></script>
<script src="/Scripts/dataTables.bootstrap.min.js"></script>

在</body>之后

<script src="/Scripts/jquery.slimscroll.min.js"></script>
<script src="/Scripts/fastclick.js"></script>
<script src="/admin-lte/js/adminlte.min.js"></script>
<script src="/admin-lte/js/demo.js"></script>

</body>之后的脚本

$(document).ready(function () {
    $('.sidebar-menu').tree()
});

 var Popup, table;
 $(document).ready(function () {
// Some code here...
});

// Popup Modal Window
        function modaladdedit(url){            
            var formDiv= $('</div>');    
            $.get(url)
            .done(function(response){
                  formDiv.html(response);    
                  Popup= formDiv.dialog({
                    autoOpen: true,
                    resizable: false,
                    position: 'center',
                    modal: true,
                    title: 'Add/Edit Email Data',
                    height: 500,
                    width: 600,
                    close: function (){
                                Popup.dialog('destroy').remove();
                            }
                 });                    
            });

当我单击该按钮时，对话框窗口不会弹出，控制台中也不会出现任何错误。我什么都试过了，都不管用。我尝试更改css和js文件的顺序，但都不起作用。任何帮助都将不胜感激。

谢谢!

javascript

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-02-17 21:22:19

这是否会创建一个<div>

$('</div>')

我不确定它是否会自动更正，但/应该在末尾：

$('<div/>')

此外，即使在创建formDiv时，也不会将其附加到DOM。这样做的理想位置可能是在AJAX回调中。如下所示：

formDiv.html(response);
$('body').append(formDiv);

你可以把它追加到你喜欢的任何地方，我只是使用<body>元素作为一个例子。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/54733640

复制

相似问题

问无法为我打开JQuery UI对话框
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法为我打开JQuery UI对话框EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问无法为我打开JQuery UI对话框
EN