Question

我有一个跨度，我想在点击它时创建一个jquery对话框。

我已将其包含在标题中：

<script type="text/javascript">
    $(document).ready(function () {
    $('#quote_dialog').click(function () {
        $('#quote_dialog_open').dialog('open');
        return false;
    });
});
</script>

以下是范围（未包含的内容）：

<span id="quote_dialog">
    content
</span>

div只是屏幕上的一个方框：

<div id="quote_dialog_open">
    content
</div>

我假设我需要使用CSS隐藏div？ jQuery是否会弹出而不仅仅是出现？

点击跨度时，目前没有任何事情发生。

Answer 1

猜测，你的问题是错字，改变

$('#quote_dialog_oepn').dialog('open');

到

$('#quote_dialog_open').dialog('open');

Answer 2

首先，确保您还包括相关的jquery UI ...

其次，看看这个小提琴，它会向你展示解决方案。

$(document).ready(function () {

  // next add the onclick handler
  $("#quote_dialog").click(function() {
    $("#dialog").dialog();
    return false;
  });

});

http://jsfiddle.net/k0nzhtLw/

希望有所帮助：）

点击时没有出现jquery对话框

2 个答案: