Question

我正在尝试使用以下代码通过链接打开“simpleDialog”框：

<script language="javascript" type="text/javascript"> 
jQuery(document).ready(function () {
    jQuery('.simpledialog').simpleDialog();
});

jQuery('#sdHc2').simpleDialog({
  showCloseLabel: false
});

});
</script>

这是我正在使用的链接：

<a href="#" id="sdHc2" class="medium" rel="simpleDialog2">request a call back</a>

我要展示的div：

<div style="display:none;" id="simpleDialog2">
 <h3>Form content</h3>
 <p>This is where the form will go.</p>
 <a href="#" class="close">close</p></a>
</div>

我在头部调用了jquery.simpledialog.js脚本以及jquery.simpledialog.css，但由于某种原因，对话框没有显示出来。

我在页面上运行了一个显示/隐藏脚本，工作正常，所以我错过了让对话框显示的内容？

Answer 1

你有一组额外的})标签，这意味着你是a）获取和错误而b）jQuery('#sdHc2')未在document.ready上运行，它应该看起来像这样：

jQuery(document).ready(function () {
    jQuery('.simpledialog').simpleDialog();
    jQuery('#sdHc2').simpleDialog({
      showCloseLabel: false
    });
});

我会在链接上使用公共类来简化它，例如：

<a href="#" class="medium dialogLink" rel="simpleDialog2">request a call back</a>

然后立即将它们全部绑定，而不是每次id：

jQuery(document).ready(function () {
    jQuery('.dialogLink').simpleDialog({
      showCloseLabel: false
    });
});

这样，您无需在添加链接时更改代码，只需在页面中添加任意数量的链接/对话框对。

jQuery.simpleDialog框没有显示

1 个答案: