为什么jQueryUI不会运行?

时间:2012-10-15 21:57:29

标签: javascript jquery jquery-ui

这适用于已经安装了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之后加载,当我进入view-&gt; source
  • jqueryui与jquery
  • 兼容

我还能做什么?

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

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

我只想使用jQueryUI开发一个模态。最后,我正在努力做到这一点:

对于本网站:

www.papermepress.com

1 个答案:

答案 0 :(得分: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>