小编Han*_*kov的帖子

理解requirejs路径

使用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的新手,但在我看来,在任何其他请求被解雇之前应该定义路径,有人可以帮助我理解我做错了什么吗?

javascript jquery requirejs

14
推荐指数
3
解决办法
3万
查看次数

使用css3选择类的每个其他元素

考虑到这样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元素而不管类是什么.

css css3

5
推荐指数
2
解决办法
8159
查看次数

require.js错误地加载依赖项

所以这是设置,我的基本文件是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)

感谢你对我做错的任何建议表示赞赏

javascript jquery requirejs

2
推荐指数
1
解决办法
7398
查看次数

标签 统计

javascript ×2

jquery ×2

requirejs ×2

css ×1

css3 ×1