使用requirejs我的main.js看起来像这样
requirejs.config({
baseUrl: '/javascript/',
paths: {
jquery: 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min',
async: 'requirePlugins/async',
hbs: 'hbs'
},
waitSeconds: 7
});
define(['common'], function () {
loadFonts();
});
Run Code Online (Sandbox Code Playgroud)
main.js包含在脚本调用的页面中
<script data-main="/javascript/main.js" src="/javascript/require-2.0.1.js"></script>
Run Code Online (Sandbox Code Playgroud)
Common是网站的基本功能,jquery doc ready函数等包含在define调用中:
define(['jquery'], function() {
//jQuery dependant common code
});
Run Code Online (Sandbox Code Playgroud)
这很好用,从谷歌CDN加载jQuery并执行代码.但是当我在加载main.js之后添加一个require调用时
<script data-main="/javascript/main.js" src="/javascript/require-2.0.1.js"></script>
require(['jquery'], function ($) {
//code
});
Run Code Online (Sandbox Code Playgroud)
从/javascript/jquery.js请求jquery而不是google cdn的已定义路径.我仍然是requirejs的新手,但在我看来,在任何其他请求被解雇之前应该定义路径,有人可以帮助我理解我做错了什么吗?
考虑到这样ul的结构:
<ul>
<li class="product">...</li>
<li class="product">...</li>
<li class="product">...</li>
<li class="product">...</li>
<li class="spot">...</li>
<li class="product">...</li>
<li class="product">...</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
是否有任何方法使用CSS3来定位li类产品的每个其他出现.
我尝试在各种配置中同时使用nth-of-child和nth-of-type,但没有运气,两者似乎都是针对其他所有li元素而不管类是什么.
所以这是设置,我的基本文件是main.js,它定义了我正在构建的站点的所有页面上所需的脚本.它看起来像这样:
define([
'/javascript/requirePlugins/require-order.js!http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js',
'/javascript/requirePlugins/require-order.js!/javascript/jquery-global-plugins.js',
'/javascript/requirePlugins/require-order.js!/javascript/globals.js'
], function () {
loadFonts();
}
);
Run Code Online (Sandbox Code Playgroud)
它加载jQuery,一些插件和全局脚本文件.在一个页面上,我正在尝试加载jQuery插件,但插件尝试在加载jQuery之前加载.它看起来像这样:
require(['/javascript/requirePlugins/require-order.js!/main','/javascript/requirePlugins/require-order.js!/javascript/3rdparty/lemon-slider-0.2.js'], function () {
$j('#carousel<%= ClientID %>').lemmonSlider({loop:false});
});
Run Code Online (Sandbox Code Playgroud)
该功能似乎没有遵循请求的顺序.我不确定我是否可以嵌套这样的有序函数.我也尝试过将jQuery作为依赖项应用,但这也失败了:
require(['/javascript/requirePlugins/require-order.js!/jquery','/javascript/requirePlugins/require-order.js!/javascript/3rdparty/lemon-slider-0.2.js'], function () {
$j('#carousel<%= ClientID %>').lemmonSlider({loop:false});
});
Run Code Online (Sandbox Code Playgroud)
感谢你对我做错的任何建议表示赞赏