让jQuery插件相互协作(特别是Jrumble和Masonry)
Getting jQuery plugins to work with one another (Specifically Jrumble and Masonry)
我最近开始玩jQuery(我没有JavaScript经验,BTW)我在让jQuery效果很好地配合使用时遇到了一些小麻烦。
如有任何帮助,我们将不胜感激。
<div class="demo-box" id="demo"><h1>hello</h1></div>
<script src="../jquery-1.6.1.min.js"></script>
<script src="../jquery.masonry.min.js"></script>
<script type="text/javascript" src="js/jrumble.1.1.min.js"></script>
<script>
$$(function(){
$$('#container').masonry({
itemSelector: '.box',
columnWidth: 100
});
});
$(document).ready(function(){
$('#demo').jrumble({
rangeX: 0,
rangeY: 0,
rangeRot: 5
});
</script>
$$不正确,您没有关闭您的.ready和.box不是div的类名,也不是容器。
这对我有效:http://jsfiddle.net/mplungjan/hqNdm/
<div id="container">
<div class="demo-box" id="demo1"><h1>Hello</h1></div>
<div class="demo-box" id="demo2"><h1>There</h1></div>
</div>
$(document).ready(function(){
$('#container').masonry({
itemSelector: '.demo-box',
columnWidth: 500
});
$('#demo1').jrumble({
rangeX: 0,
rangeY: 0,
rangeRot: 5
});
});
相关文章:
- 如何将chrome扩展功能移植到移动设备(特别是jquery和trello)
- 从网站(特别是Trello.com)获取JSON文件
- 使javascript警报/确认对话框更加可见(特别是在Google Chrome浏览器中)
- 特别是将javascript添加到类中,而不是添加到另一个类中
- Piwik自定义插件开发/JQPlot(特别是:Piwik 1.7.1中的seriesPicker)
- 多文件上传,支持所有浏览器,特别是ie7,ie8和ie9
- 如何从浏览器中删除Skype呼叫工具?特别是Chrome
- 编译用于调试的私有api——特别是_enableRemoteInspector
- 如何模拟AngularJS中的构造函数(特别是Date()构造函数)
- 究竟如何getElementsByClassName工作在Chrome?,特别是w.r.t. NodeLists &;延
- 如何轻松运行本地内容(javascript, Flash),特别是在IE11中
- 如何抑制退格时,日期字段日历是活跃的extjs 4,特别是在IE中
- 在包含相对".js"后缀的npm包中使用aurelia-cli需要导入(特别是autobahn)
- Node.js有哪些调试选项?特别是在Visual Studio Code中
- HTML5视频显示时间在Javascript -特别是秒
- AJAX构建和部署环境,特别是javascript和css min,完整版本
- 如何从HTML表中提取数据,特别是<td id=“;单词“>,使用JavaScript
- 将String转换为方法参数,特别是在console.log中
- Vue.js:从DOM中拉入数据——特别是form action属性
- 让jQuery插件相互协作(特别是Jrumble和Masonry)