gpt4 book ai didi

javascript - 在客户端中包含 jquery-ui-browserify

转载 作者:数据小太阳 更新时间:2023-10-29 06:06:46 27 4
gpt4 key购买 nike

我',使用 browserify 将 Node 模块转换为我的 express 应用程序的浏览器模块。

这是browserify的命令

browserify -r jquery > ./public/js_app/jquery.js
browserify -r jquery-ui-browserify > ./public/js_app/jquery-ui.js

这是需要jquery

var jQuery = require('jquery');

这段代码工作正常

jQuery("#info-dialog");

但我不知道如何包含 jquery-ui-browserify。我已经试过了,但没有用

var jQuery = require('jquery');
require('jquery-ui-browserify');
jQuery("#info-dialog").dialog({
resizable: false,
height: 100,
modal: true
});

谢谢

最佳答案

我是这样设置的

因此,从顶部开始:

  1. 创建项目目录:
    • mkdir myProject && cd ./myProject创建目录
    • npm init将以交互方式创建您的 package.json
  2. 安装依赖项
    • sudo npm install jquery jquery-ui-browserify --save
      • 这会同时安装 --save将它们添加到您的 package.json
  3. 创建应用结构
    • mkdir app将创建您的主文件夹
    • cd app && touch index.html app.js
  4. app.js 中编写脚本,需要并使用你想要的一切:
    • 第一个var $ = require('jquery'); require('jquery-ui-browserify');
    • 在此之下,正常编写脚本
  5. 浏览那个卡顿!
    • 打开终端,如果不在 /myProject/app/ 中, cd 进去
    • 运行browserify ./app.js > ./bundle.js
  6. 在 index.html 中,包含 <script src='bundle.js'></script>就在关闭 body 标签之前,您就准备好了。

示例代码

<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
<title>My Project</title>
</head>
<body>
<h1>My Project</h1>
<input type="text">
<script src='bundle.js'></script>
</body>
</html>

这里,只是标记了一个基本的 html5 页面,包括了 bundle.js browserify 生成的文件。现在我们可以使用这个包了。

// app.js
// NOTE: remember, you code this before running `browserify ./app.js > ./bundle.js`
var $ = require("jquery");
require("jquery-ui-browserify");

$(function() {
$('input').autocomplete({ source: ['jquery', 'mootools', 'underscore']} );
});

希望对您有所帮助!它对我来说非常有效。

关于javascript - 在客户端中包含 jquery-ui-browserify,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22436413/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com