Jquery 引导文件输入-Kartik-与require.js、AngularJS一起使用时失败,且没有错误消息
我正在尝试用我的项目设置这个插件 演示就在这里, 设置起来很容易, 但是,我的项目使用AngularJS、requirejs加载所有依赖项 因此,我将require css文件添加到我的html页面,然后指向require.js配置文件中的.js文件,当我这样做时,插件简单失败,没有任何错误消息。是否有人知道问题出在哪里,或者该插件不能与require.js一起使用 这是我的require配置文件Jquery 引导文件输入-Kartik-与require.js、AngularJS一起使用时失败,且没有错误消息,jquery,css,angularjs,twitter-bootstrap,Jquery,Css,Angularjs,Twitter Bootstrap,我正在尝试用我的项目设置这个插件 演示就在这里, 设置起来很容易, 但是,我的项目使用AngularJS、requirejs加载所有依赖项 因此,我将require css文件添加到我的html页面,然后指向require.js配置文件中的.js文件,当我这样做时,插件简单失败,没有任何错误消息。是否有人知道问题出在哪里,或者该插件不能与require.js一起使用 这是我的require配置文件 require.config({ baseUrl: "/Client/" , paths: {
require.config({
baseUrl: "/Client/"
, paths: {
"jquery": "libs/jquery-1.10.2.min"
, 'async': 'plugins/requirejs-plugins/async'
, "angular": "libs/angularjs1.3/angular"
, "bootstrapFileInput": "plugins/bootstrapfileinput/js/fileinput"
}
})
Require.js将您的javascript与其他脚本隔离开来,以避免冲突。您需要在配置垫片中指定文件输入所需的依赖项
require.config({
paths: {
'bootstrap': 'path/to/bootstrap.min',
'fileinput': 'path/to/fileinput',
'jquery': 'path/to/jquery.min'
},
shim: {
"bootstrap" : {
"deps" :['jquery']
},
"fileinput" : {
"deps" :['jquery','bootstrap']
}
}
});
require(['bootstrap','fileinput'],function(){});
第二个require调用将触发异步加载。
Fileinput将扫描dom并在加载后更改它找到的任何输入。我也遇到了这个问题。
可能require.js的版本与您的引导输入组件不兼容。您可以使用更低版本的require.js(如1.0.8)重试。我也遇到了此问题
当我在没有requirejs的情况下使用这个插件时,一切都很好。 但是当我在requirejs中使用它时,它看起来很正常,初始化代码似乎工作正常。控制台中没有错误。但是当我通过它上传文件时。 这个插件没有使用我在初始参数中配置的URL将文件数据发布到我的服务器,它只是将数据发布到当前页面URL 指定的JavaScript库如下所示: RequireJS 2.1.15 jQuery JavaScript库v1.11.2 引导文件输入v4.3.5 文件加载详细信息为: 用传统方法加载CSS文件 由requirejs加载的jQuery、bootstrp和fileinput JavaScript 我发现它适用于低版本的requirejs(1.0.8)
如果您的项目可以使用低版本的requirejs。您可以尝试此解决方案这似乎更像是一个评论,而不是一个答案。你能提供一些文件来证实这一点吗?