javascript - 为什么 jQueryUI 无法运行？

Question

这是针对已安装 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 的第三方插件，但这没有任何作用。

我已验证

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

我还能做什么？

我知道 WordPress 有一个用于加载脚本的自定义 php 函数，但我不知道它的作用或它如何影响脚本可用性。我尝试使用它，但仍然不行。

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

我只想使用 jQueryUI 开发一个模式。最后，这就是我想做的:

对于此网站:

www.papermepress.com

Answer 1

您不应在脚本 block 之间放置任何内容，因为您需要关闭对 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>