0

这适用于已经安装了 jQuery 核心的 WP 安装,如下所示:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js?ver=1.3.2'></script>

我想利用:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.min.js

我试过像这样将它加载到正文中:

<div id="diag1">Step1</div>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.min.js">

  alert("I'm alive"); // nope it's dead
  jQuery("#diag1").dialog({modal: true});

</script>

即使我在页面中发出警报,这也无济于事。

我试过了

  • 将脚本链接也放在页面的顶部。
  • 安装一个我知道使用 jqueryui 的 3rd 方插件,这什么也没做。

我已验证

  • 当我转到查看->源时,jqueryui 在 jquery 之后加载
  • jqueryui 与 jquery 兼容

我还可以做些什么?

我知道 wordpress 有一个用于加载脚本的自定义 php 函数,但我不知道它的作用或它如何影响脚本的可用性。我试过用它,还是不行。

http://codex.wordpress.org/Function_Reference/wp_enqueue_script

我只想使用 jQueryUI 开发一个模式。最后,这就是我想要做的所有事情:

对于本网站:

www.papermepress.com

4

1 回答 1

5

您不应该在脚本块之间放置任何内容,因为您需要关闭对 jQuery UI 的引用。所以....

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.min.js">

应该

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.min.js"></script>
<script type="text/javascript">

  alert("I'm alive"); // nope it's dead
  jQuery("#diag1").dialog({modal: true});

</script>
于 2012-10-15T21:58:43.473 回答