requireJs 调用Jquery-UI

本文介绍如何在RequireJS中正确配置并使用jQuery-UI。通过定义shim配置,确保jQuery-UI依赖于jQuery,从而实现两者的无缝集成。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我最近在做代码重构,之前代码写得太乱了需要使用requireJs做模块化封装,然后就遇到了如题所示的问题

如何通过requireJs调用Jquery-UI呢?

我刚开始的想法就是直接在index.js里这么用

define(function (require) {

    var $ = require('jquery');

    require('jqueryui');

})

这样$就可以同时使用jquery/jqueryui的方法了,但是报错表示jqueryui找不到jquery对象,所以就让它找到对象就好了~~

具体的方法就是通过shim定义jqueryui的deps,如下所示:

require.config({

    'baseUrl': '../../src',
    'paths': {
        'jquery': '../dep/jquery-2.1.3.min',
        'jqueryui': '../dep/jquery-ui-1.10.4.custom.min'
    },
    shim: {
         'jqueryui': {
             deps: ['jquery']
         }
    }

});


然后就可以像上面那样引用jqueryui啦

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值