Question

我有这条JS：

var count = $(".parent a").length;
$(".parent div").width(function(){
    return ($(".parent").width()/count)-5;
}).css("margin-right","5px");

但即使它在JSFiddle

上工作正常，它似乎也无法在我的网站上运行

我使用了"http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"

但没效果。

我的网站上没有任何其他脚本，因为我刚刚启动它。

是否只是使用了错误的插件？

更新

这是我的完整代码：

http://jsfiddle.net/WeQwc/9/

Answer 1

你需要jQuery，而不是jQueryUI。

http://code.jquery.com/jquery-latest.min.js

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<script type="text/javascript">
  $(function() {
    var count = $(".parent a").length;
    $(".parent div").width(function(){
        return ($(".parent").width()/count)-5;
    }).css("margin-right","5px");
  });
</script>

只是为了澄清为什么这样做，用$（function（）{...}）围绕你的jQuery代码;表示只有在页面加载完成后才会运行它。因此，如果您使用html元素，这有点有用。您会注意到您的jFiddle JavaScript运行“onLoad”，它起作用的原因:)

Answer 2

目前您只使用jQuery UI js文件

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

首先需要使用核心jQuery min js文件，然后使用jQuery UI js文件。

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

不知道要使用哪个JQuery插件

2 个答案: