Javascript 单击时不显示jquery对话框

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

我已在标题中包含以下内容：

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

$（文档）.ready（函数（）{
$（“#quote_dialog”）。单击（函数（）{
$（'quote#dialog_open'）。dialog（'open'）；
返回false；
});
});

以下是跨度（未包含内容）：

内容

div只是屏幕上的一个框：

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

内容

我想我需要使用CSS隐藏div？jQuery会让它弹出而不是仅仅出现吗

---

单击范围时，当前没有发生任何事情。

胡乱猜测，您的问题是输入错误，请更改

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

到

---

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

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

$(document).ready(function () {

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

});

---

希望有帮助：）

在我输入问题时，输入错误！这不是原因！您是否在控制台中遇到错误，描述您遇到的问题您正在使用哪个插件？jQuery没有现成的

.dialog（）

方法。您可以创建一个演示，或者至少显示一个完整的示例（完整的HTML，包括您加载的库）？JS错误控制台中是否有错误？是否加载了jqueryUI？

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

$(document).ready(function () {

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

});