Articles of jquery

如何使用jQuery插件与browserify?

我已经通过npm安装了jquery-ui: npm install jquery-ui –save 我已经遇到了匀场的概念,但我相信垫片不再是必需的。 我认为我的代码应该只是工作,但它不。 这是我得到的: — login.js — require('jquery-ui'); require('jquery-ui/effect-shake'); module.exports = { init: function() { var elem = $(…); // some element on the page elem.effect('shake'); } }; 它被浏览并包含在我的主页面。 这是如何打电话: — index.html — <head> <script src="browserified.js"></script> <script> $().ready(function() { login.init(); }); </script> 所以我.effect的问题是.effect不是一个函数。 我需要这个不正确? browserified.js:5571 Uncaught TypeError:elem.effect不是一个函数 我错过了什么?

电子应用在定义/需要各种javascript应用程序时失败

我正在尝试使用电子将网页捆绑到一个应用程序。 我可以做样品应用程序的罚款,但我的网页使用jQuery和各种依赖jQuery的库来操作。 本身,该网站在Web浏览器中正常工作,但通过电子启动时,我会从库的定义/导出语句中获得各种javascript错误。 我的电子应用程序的结构如下: main.js package.json app index.html js/app.js js/lib/jquery.js js/lib/library1.js … 应用程序包含所有依赖于包含库的自定义代码,索引如下所示: <!DOCTYPE html> <html lang="en"> <head> <title>[TITLE]</title> <link rel="stylesheet" href="css/main.css"> </head> <body> <script src="js/lib/jquery.js"></script> <script src="js/lib/library1.js"></script> <script src="js/app.js"></script> </body> </html> Package.json看起来像这样: { "name" : "LosYork", "version" : "0.1.0", "main" : "main.js" } main.js是电子文件,它只是复制快速入门的代码: const electron = require('electron') // Module to control application life. […]

Webpacking jQuery和自定义文件:jQuery是未定义的

我使用webpack连接我自己的JS库和JS文件。 目前的设置是这样的 var wpStream = require('webpack-stream')'; var files = ['jquery.js', 'angular.js', 'app.js', 'controller.js', 'etc.js']; gulp.task('pack', function(){ return gulp.src(files) .pipe(wpStream({ output:{filename: 'bundle.js'} }).pipe(gulp.dest('dist')); }); 这很好。 我的文件被创build,并具有在我的files数组中指定的所有内容。 然而,在页面加载,我得到的错误jQuery is not defined 。 此外,在我的控制台,当我键入jQuery没有jQuery,而是jQuery111206520785381790835 。 当我追加一个点来查看方法列表时,只有正常的对象方法( hasOwnProperty , toString等)。 我如何访问jQuery? webpack用它做了什么?

由Javascript事件监听器进行angular度提交

我正在使用Angular和Express创build我的第一个Web应用程序。 该应用程序包含一个canvas,我在其中保存一个正在绘制的点的列表。 目前,canvas旁边有一个空的文本框,当用户在文本框中按下“Enter”时,我的列表将通过ng-submit(即使用Jade显示)返回, body(ng-controller="Controller", onload="init()") canvas#can(width='2000',height='800',style='not important') img#canvasimg(style='not important') form(ng-submit="submit('" + target + "')") input(ng-model="under") li(ng-repeat="value in results track by $index") {{value}} 对于上面的代码,“结果”指的是点的列表,“下”是返回点的相同列表(即从一个单独的js文件req.body.under引用…不知道如何消除冗余)。 我的主要问题是,我不希望用户按下button或手动指定ng-submit运行时。 相反,我想要基于在Javascript中定义的事件监听器返回的点列表,即 canvas.addEventListener("mouseup", function (e) { //return list of points here }, false); 由于ng-submit是表单的一部分,因此在提交表单时发生返回列表的触发事件。 所以基本上,我怎样才能依靠在JS中定义的“mouseup”的事件监听器? 注意:我已经看过ngMouseUp,但是还没有能够像ng-submit那样以类似的方式返回或“提交”我的列表。 让两个不同的事件监听器监视同一个事件似乎也是多余的。 编辑:我刚刚尝试的一个hacky解决scheme是系统地从JS事件侦听器通过单击提交button document.getElementById("button-id").click(); 这似乎工作,但我不是很自豪。 我仍然非常有兴趣提出一个更清洁的解决scheme。

GET请求在客户端到服务器给出错误没有'Access-Control-Allow-Origin'

我正在本地主机上运行我的节点/expressionjs应用程序。 我正在向Instagram的api发送'GET'请求,并不断收到此错误: XMLHttpRequest cannot load https://api.instagram.com/oauth/authorize/?client_id=******&redirect_uri=http://localhost:4000/feed&response_type=code. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4000' is therefore not allowed access. 我在我的服务器中这样请求: app.use(function(req, res, next) { res.header("Access-Control-Allow-Headers: x-requested-with"); res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); next(); }); app.get('/',function(req,res){ res.redirect(redirected to feed route); }) app.get('/feed',function(req,response) { var code = req.query.code; var url = "https://api.instagram.com/oauth/access_token"; var options = […]

NodeJs和JQuery:path错误

我正在build立一个文件浏览器到一个HTML页面。 这个文件浏览器是由JQuery和NodeJs组成的ExpressJs和DataTables。 目前的问题是,当点击一个子目录目录时,应该在被点击的子目录中search并呈现文件/目录; 但是,它会search并显示原始目录的文件/目录。 相关目录是[AppName] / Public / Assets}以下是html片段: <body> <div class="panel panel-default mainpanel"> <div class="panel-heading"> Document Browser <span class="up"> <i class="fa fa-level-up"></i> Back </span> </div> <div class="panel-body"> <table class="linksholder" id="linksholder"> <thead> </thead> <tbody> <tr> <td> </td> </tr> </tbody> </table> </div> </div> <script> $(document).ready(function() { var table = $(".linksholder").dataTable({ "fnCreatedRow": function(nRow, aData, iDataIndex) { if […]

React.js应用程序stream错误

我想了解以下两个文档stream程之间的区别,以及为什么第一个工作,第二个工作不起作用。 所以工作的版本只有文件: main.js import React from 'react'; import ReactDOM from 'react-dom'; import $ from 'jquery'; import fullcalendar from 'fullcalendar'; import jqueryUI from 'jquery-ui'; 'use strict'; function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this […]

如何发送数据使用AJAX / jQuery发布节点js的方法?

我有一个udp服务器,每发送一条消息发回不同的消息。 如果我硬编码消息到var消息,然后一切正常。 但是我希望客户端能够手动input消息,然后当刷新button被按下时,Ajax再次发送相同的input消息。 现在,按下button时没有任何反应,因为ajax不知道req.body.number是什么。

在jQuery File Upload中上传所有文件时,如何在服务器端使用stop事件

我正在使用jQueryfile upload与jqueryfile upload中间件和mongoose与mongoDB express.js。 我想上传图片。 Galery对象包含一个Image对象的数组,如 var GalerySchema = new mongoose.Schema({ images: [ImageSchema] }) 在每个文件被asynchronous上传后,我想把它推到我的Galery对象的图像数组中。 我试图做下面的服务器端: // Is called everytime an image is uploaded upload.on('end', function(fileInfo, rew, res){ // Get the galery db.Galery.findOne({_id: req.fields.galery_id}, function(err, galery){ // Create new Image object instance var image = new db.Image({src: fileInfo.name}); // Save, in order to create auto […]

AJAX请求Node.JS更新JQuery文件的JQuery评论

Jeez …那个头衔怎么样,可怕的大声笑。 那么我正在使用Viima的jQuery评论。 ( http://viima.github.io/jquery-comments/ ) 我正在尝试使用ajax命令来更新一个JSON文件的Node.JS脚本。 所有这些都是本地的,没有跨域或任何东西。 这是我的Node.JS脚本: var http = require('http'); var fs = require('fs'); http.createServer(function (req, res) { fs.writeFile("/comments-data.json", "commentJSON", function(err) { if(err) { return console.log(err); } console.log("The file was saved!"); }); }).listen(8080, '127.0.0.1'); console.log('Server running at http://127.0.0.1:8080/'); 这里是Ajax文章 postComment: function(commentJSON, success, error) { $.ajax({ type: 'post', url: 'http://127.0.0.1:8080', data: commentJSON, success: […]