0

这是我正在使用的代码：

jQuery(document).ready(function($) {
            $('.addNew').click(function(event) {
                event.preventDefault();
                openEditor(event);
            }); /* END ADD CLICK */

            $('.editLink').click(function(event) {
                event.preventDefault();
                openEditor(event);
            }); /* END EDIT CLICK */

            /* DEFINE THE EDITOR OPEN LATER */
            $('.viewer').dialog({
                fullscreen: true,
                show: "pulsate",
                width: $(window).width()-20,
                height: $(window).height(),
                autoOpen: false
            }); /* END OPEN EDITOR */

        }); /* END DOCUMENT READY */

        function openEditor(event) {
            jQuery(document).ready(function($) {
                $('.viewer').load(window.location.pathname + 'edit.php');
                var x =event.pageX - ( $(document).scrollLeft() - 100 );
                var y =event.pageY -$(document).scrollTop();
                $('.viewer').dialog('open');
            }); /* END DOCUMENT READY */
        } /* END OPENEDITOR FUNCTION */

对话框第一次打开得很好，但是如果我通过单击关闭按钮或点击退出来关闭对话框，它不会第二次打开。这是我在控制台中收到的错误消息：

TypeError: $(...).dialog is not a function
[Break On This Error]   
$('.viewer').dialog('open');

我最初没有使用 autoOpen: false ，我认为这是问题所在，但是当我改用这种方式时，它仍然给出了同样的错误。

有任何想法吗？

更新：

我一直在挖掘更多，它似乎是由 $('.viewer').load('filename'); 线。由于某种原因，这只允许查看器打开一次。

4

2 回答 2

1

我假设您正在重新尝试通过调用 openEditor 来启动对话框？如果是这种情况，请尝试删除对文档就绪的内部调用

function openEditor(event) {
    $('.viewer').load(window.location.pathname + 'edit.php');
    var x =event.pageX - ( $(document).scrollLeft() - 100 );
    var y =event.pageY -$(document).scrollTop();
    $('.viewer').dialog('open');
} /* END OPENEDITOR FUNCTION */
于 2013-02-13T05:38:43.763 回答
1

我发现这是因为我在加载到 Viewer 类的页面上重新包含了 jQuery，所以我猜你不能重新包含 jQuery 库。

于 2013-02-13T18:49:26.573 回答