要让jQuery Mobile和依赖插件与Require.js一起使用,请按照以下步骤操作:
npm install jquery
npm install jquery-mobile
npm install requirejs
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery Mobile with Require.js</title>
<link rel="stylesheet" href="path/to/jquery.mobile.css">
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1>jQuery Mobile with Require.js</h1>
</div>
<div data-role="content">
<p>Hello, world!</p>
</div>
</div>
<script data-main="path/to/main.js" src="path/to/require.js"></script>
</body>
</html>
require.config({
paths: {
'jquery': 'path/to/jquery',
'jquery-mobile': 'path/to/jquery.mobile',
'dependend-plugin': 'path/to/dependend-plugin'
},
shim: {
'jquery-mobile': {
deps: ['jquery'],
init: function ($) {
return $.mobile;
}
},
'dependend-plugin': {
deps: ['jquery', 'jquery-mobile'],
init: function ($) {
return $.fn.dependendPlugin;
}
}
}
});
require(['jquery', 'jquery-mobile', 'dependend-plugin'], function ($) {
// 在这里使用jQuery Mobile和依赖插件
});
注意:请确保将路径替换为实际的文件路径。
领取专属 10元无门槛券
手把手带您无忧上云