javascript - 不知道使用哪个JQuery插件

标签 javascript jquery

我有这段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/

最佳答案

您需要 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”运行的,这就是它工作的原因:)

关于javascript - 不知道使用哪个JQuery插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19512265/

相关文章:

javascript - stripe.js 可以以非阻塞方式加载吗?

javascript - 使用 Protractor 和 JavaScript 扩展方法

javascript - 使用 translateY() 移动没有空格的隐藏元素

javascript - 具有异步功能的有状态 React 组件未通过 Jest 测试

javascript - 嵌入式代码中的问题。视频不在共享平台上播放

javascript - 使用 express 和 multer 上传文件后如何下载?

php - 如何使用 jQuery Datepicker 比较开始日期和结束日期?

javascript - 在按钮 jquery 中删除并添加一个类,无法使其工作

javascript - 两个按钮提交表单问题

jquery - jquery UI 选项卡标题过长时如何解决显示问题