javascript – 通过jQuery UI Dialog加载嵌入式脚本？

2023年3月27日 152次阅读

我需要弹出一个jQuery UI对话框,并显示一个基本表单,其中还包含一个外部
javascript文件.

弹出模式,但没有任何脚本内容加载.不知道为什么.如果我直接进入模态加载的页面,它工作正常.

模态内容：

<link rel="stylesheet" href="http://www.bankrate.com/free-content/css/bankrate-fcc-calculators.css" type="text/css"/>

<input id="mrtgCal" type ="text" value="1,Arial,600" style="display:none" />

<script language="Javascript" src="http://js.bankrate.com/free-calculators/free-simple-mortgage-calculator-widget.js" type="text/javascript"></script>

<script type="text/javascript">mrtgCalcinit();</script>

模态通话：

$(function(){
        $('.modal-popup a, .email-button a').each(function() {
            var $link = $(this);
            var $dialog = $('<div></div>')
                .load($link.attr('href') + ' #region-content')
                .dialog({
                    autoOpen: false,
                    width: 600,
                    draggable: false,
                    resizable: false,
                    modal: true,
                    show: "fade",
                    hide: "fade",
                    closeText: 'X'

                });
            $link.click(function(){
                $dialog.dialog('open');
                return false;
            });

        });
    });

最佳答案 由于您调用.load()的方式,脚本未运行.在URL之后使用选择器时,库不会运行嵌入式脚本.我的意思是在“href”值的末尾添加“#region-content”.

为什么？我不完全知道;我怀疑它与jQuery不知道是否嵌入的< script>这一事实有关.机构依赖于< head>中的脚本(或其他地方)工作.

点赞