Tag: javascript

这个Backbone TodoMVC示例中的这些模式是什么: 查看todomvc骨干代码示例。 js / fold中的结构： ├── app.js ├── collections │ └── todos.js ├── models │ └── todo.js ├── routers │ └── router.js └── views ├── app-view.js └── todo-view.js app.js var app = app || {}; $(function () { ‘use strict’; // kick things off by creating the `App` new app.AppView(); }); collections/ todos.js var app […]

清除localStorage并更改Backbone视图: 嘿，所以我使用骨干localstorage，每次有人点击搜索按钮我想清除本地存储，所以我可以将新数据添加到localStorage。此外，试图找出如何在设置localstorage成功回调后将用户重定向到新视图，我知道有view.remove（）但我不知道如何使用回调是在视图内以及在何处/如何呈现新视图… 让我们说新视图是PageView … 以下是当前搜索视图的代码： define([ ‘jquery’, ‘underscore’, ‘backbone’, ‘models/search’, ‘text!templates/search.html’, ], function($, _, Backbone, SearchM, SearchT){ var Search = Backbone.View.extend({ model: SearchM, el: $(“#Sirius”), events: { ‘submit #searchMusic’: ‘search’ }, search: function (e) { e.preventDefault(); //create new instance of the model searchM = new SearchM(); //post instance to the server with the following input […]

jQuery单击不与AngularJS一起使用的事件: 我正在将我的多重php + jquery网站转换为单页角应用程序。但是我已经用jquery编写了很多代码，所以只打算在路由等方面交换php for angular。我遇到的一个我无法弄清楚的问题是，在转换停止工作之前，我一直在使用的jquery点击事件。如果我从控制台调用该函数，那么更改代码以使其从ng-click启动它将起作用。 jquery正在工作，我在提到的函数中放了一些jquery，它运行正常。 main.js： var mainApp = angular.module(‘myApp’, [‘firebase’, ‘headerPage’]); mainApp.directive(‘headerPage’, function(){ return{ restrict: ‘E’, templateUrl: ‘html/header.html’ } }); header.js (function() { var app = angular.module(‘headerPage’, [‘firebase’]); app.controller(“headController”, [‘$http’, ‘$firebase’, ‘$scope’, ‘$filter’, function($http, $firebase, $scope, $filter) { //most of the code } ]); })(); $(“#myElement”).on(“click”, function() { console.log(“clicked”); });

Jquery UI draggable不会调整其他DIV的大小: 在这个插入物中，我有三个DIV被另外两个可拖动的DIV （灰色）分开。当向上/向下或向左/向右拖动可拖动的DIV ，应调整其他DIV的大小。第一个可拖动的DIV工作正常（左侧的那个可以垂直调整其他DIV的大小）。但是第二个可拖动的DIV不起作用，即使该方法与第一个可拖动的DIV相同。任何想法如何解决这一问题？使用Javascript var top1H, bottom1H; $( “#div1” ).draggable({ axis: “y”, start: function(event, ui) { shiftInitial = ui.position.top; top1H = $(“#top1”).height(); bottom1H = $(“#bottom1”).height(); }, drag: function(event,ui) { var shift = ui.position.top; $(“#top1”).height(top1H + shift – shiftInitial); $(“#bottom1”).height(bottom1H – shift + shiftInitial); } }); var right1W, left1W; $( “#div2” ).draggable({ […]

为什么，当我在循环中添加一堆事件侦听器时，每个元素是否会触发添加的最后一个侦听器？: 在页面上，我有一张美国和加拿大的SVG地图，以及省和州的HTML列表。 hover在任何省份上，无论是列表中的名称还是地图上的描述，都应使名称和描述变为不同的颜色。所有名称和路径都已具有逻辑ID /类。这是我的代码的小提琴。（这是一个可怕的程序混乱，所以请原谅我。） jQuery的事件函数不适用于SVG，虽然我知道有一个jQuery插件可能会有所帮助，但我认为这将是一个使用比我习惯的更大比例的香草Javascript的好机会。代码中最相关的部分是Javascript第46到69行的makeMapInteractive函数： function makeMapInteractive(provinces) { for(var province in provinces) { // Iterate over every state/province code var $HTMLtargets = $(‘ul.provinces li.’ + province); var $SVGtargets = $(‘path#{0}, g#{0} path’.format(province)); var $allTargets = $HTMLtargets.add($SVGtargets); // I tried it first with $().each(); when that didn’t work, // I commented it out […]

如何用jQuery替换事件处理程序？: 我有一个使用AJAX导航的网站。我有两个页面，我使用点击和拖动function $(“.myDragArea”).mousedown(function(){ do stuff… mouseDrag = true; // mouseDrag is global. }); $(“body”).mousemove(function(){ if (mouseDrag) { do stuff… } }); $(“body”).mouseup(function(){ if (mouseDrag) { do stuff… mouseDrag = false; } }); 我只是输入，所以请原谅任何偶然的语法错误。该站点的两个部分使用几乎相同的代码，唯一的区别是$(“body”).mouseup()函数内部。但是，如果我访问第一部分，然后导航到第二部分，则在mouseup上运行的代码不会更改。我已经使用firebug逐步执行代码，当第二部分加载时运行$(“body”).mouseup()时没有错误或抛出。那么，当我第二次运行$(“body”).mouseup()时，为什么事件处理程序不会改变？

jquery draggable事件更改子元素的css: 嗨，请看这个代码 $(‘.new-div’).draggable({ containment: “#bord”, create: function() { $(“.new-div”).css(“width”, ‘auto’); }, drag: function() { $(“.new-div”).css(“width”, ‘auto’); }, start: function() { $(“.new-div”).css(“width”, ‘auto’); }, stop: function() { $(“.new-div”).css(“width”, ‘auto’); } }); $(document).on(“click”, “.closeButton”, function() { $(this).closest(‘div’).remove(); }); $(“.span1”).on(“click”, function(e) { var mycontent1 = $(this).text(); e.preventDefault(); $(“.span1”).focus(); $(‘.new-div’).removeClass(‘active’); $(this).closest(‘.new-div’).addClass(‘active’); if (mycontent1.trim() === “message”) { $(“.span1″).text(”); $(this).css(“width”, “100px”); $(this).css(“height”, […]

为什么字符串+ +会给出奇怪的结果: 我正在使用jQuery动态追加元素，并发现当使用+ +它显示NaN并且未添加下一个文本。我猜可以某种方式+ +在这里作为算术加运算符并返回NaN 。这不是增量运算符，因为两个+之间有空格。我的问题是实际发生了什么，所以它返回NaN 当字符串被包围时，为什么+此处不能用作连接运算符。 $(‘#message’).html(” + + ‘ new message’); 在Node.js中可以看到相同的行为 > ‘a’ + + ‘b’ // aNaN 注意：我知道我在这里添加了额外的+并删除它对我有用。

如何使用javascript（Jquery）检索查询字符串参数和值？: 点击我 $(‘.clickme’).click(function(event) { event.preventDefault(); var stringId = $(this).attr(“id”); var mId = stringId.substring(2) …. 我可以使用anchor元素的ID来检索id的值。我想我应该可以直接从href获取它。那么如何从HREF（url查询字符串）中检索id和status的值？我正在使用Jquery。谢谢您的帮助。更新：另外我如何获得所有的URL值..即“test.php？id = 100＆blah = blah”？

在html5中，javascript有没有办法制作一个多边形，我只是绘制可拖动的？还是听老鼠活动？: 所以我用以下代码绘制一个多边形： var canvas = document.getElementById(“polyCanvas”); var c2 = canvas.getContext(“2d”); var coords = ”; c2.clearRect(0, 0, 2000, 2000); $(“fdel”).remove(); $(“#eliminar” + todelete).remove(); c2.beginPath(); var first = true; var points = 1; var done = false; $(“#vertexcontainer .vertex”).each(function() { var position = $(this).position(); var x = 2+position.left; var y = 2+position.top; if (!done){ if (first) { c2.moveTo(x, […]