单击时jquery对话框未显示

jquery dialog not appearing on click

本文关键字：显示 对话框 jquery 单击      更新时间：2023-09-26

我有一个span，我想在单击它时在它上创建一个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会让它弹出而不是仅仅出现吗？

单击跨度时，当前没有发生任何事情。

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

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

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

http://jsfiddle.net/k0nzhtLw/

希望有帮助：）

胡乱猜测，你的问题是打字错误，请更改

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

至

$('#quote_dialog_open').dialog('open');
相关文章：