Question

使用wordpress继承我在headers.php上的代码。我还使用了二十三个主题和桌面插件。

<link rel="stylesheet" href="js/jquery-ui.css" />
<script type="text/javascript src="js/jquery-1.9.1.js"></script>
<script type="text/javascript src="js/jquery-ui.js"></script>
<script type="text/javascript src="js/dist/html5shiv.js"></script>

<script type="text/javascript">
$(function() {
$( "#dialog103" ).dialog({
  autoOpen: false,});
$("#103" ).click(function() {
  $( "#dialog103" ).dialog( "open" );
});
});
</script>

<div id="dialog103" title="SECTION 103. Scope and Application">
<p><strong>(a)</strong>The provisions of this Code shall apply..<br></div>

并且在tablepress第1行第1行单元格中我有这个。

<button  id="103">NBC SECT 103</button>

当我点击按钮时没有任何反应。 id＃dialog103上的文字也出现在我的网页顶部。这应该是模态负载内容。

感谢

Answer 1

根据Codex“，WordPress附带的jQuery库设置为noConflict（）模式”。要使代码正常工作，请将其包装为：

jQuery(document).ready(function($) {
    // Inside of this function, $() will work as an alias for jQuery()
});

Tablepress和模态窗口

1 个答案: