Question

我有一堆带有dblclickable类的DIV和一个id =“dialog-edit”的DIV但是当我双击DIV时，对话框无法打开。怎么会？嗯...可能与我不知道如何“绑定”它的事实有关... 请帮忙！谢谢！

<script>
$(".dblclickable").dblclick(function (event) {
    var tagsedit = $("#tagsedit"),
        elnameedit = $("#elnameedit"),
        mngredit = $("#mngredit");
    $("#dialog-edit").dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: false,
        zIndex: 101,
        buttons: {
            "Update Element": function () {
                if ($('#eltypeedit option:selected').text() == "Individual Resource") {
                    $(event.target).html(elnameedit.val() + " " + "<hr />" + mngredit.text() + tagsedit.val());
                }
                else {
                    $(event.target).html(elnameedit.val() + " " + $('#eltypeedit option:selected').text() + "<hr />" + mngredit.text() + tagsedit.val());
                }
                $(this).dialog("close");
            },
            Cancel: function () {
                $(this).dialog("close");
            }
        }
    });
});
</script>

@ mr.nicksta我正在搜索的元素绝对是在页面加载时尚未加载的。双击打开对话框bog的这些DIV是动态的 - 它们本身是由另一个对话框创建的...我想通过使用.dblclick函数，当双击DIV时会调用该函数吗？

@crazyarabian我不希望autoOpen为true，因为我需要多次打开对话框。不止一次。任何时候双击DIV。

如果单独这个功能没有打开对话框，那么就存在我的问题。我想我需要一些其他功能来将双击功能“绑定”到对话框打开功能......但我不知道如何。

Answer 1

您是否尝试将上述代码包装在文档就绪处理程序中？这可能是因为您的代码在加载DOM之前正在执行，因此您正在搜索的元素尚未加载。通过将其包装在准备好的文档中，它将仅在页面的所有元素都已加载时执行，例如

$(function() {
    //your code here
});

为什么我的双击功能不会打开jquery对话框？

1 个答案: