jQuery .on(’click’)不适用于jQuery UI draggable

我有一个关于jQuery的问题。 我真的很喜欢jQuery,甚至是javascript,所以请耐心等待。 我在我的应用程序中的某些div上使用jQuery UI draggable。 问题是,jQuery .on(’click’)似乎不适用于这些div。 我确实尝试使用.click(),它确实有效。 但是,div将动态创建,并且基于我所学到的,当我们想要使用动态创建的元素时,最好使用.on()。 以下是我的HTML代码段: First text Second text 这是jQuery片段: $(‘div.draggable-text’).draggable({ cursor: ‘move’, delay: 200, containment: ‘parent’ }).resizable().selectable(); // This one doesn’t work $(‘div.book-page’).on(‘click’, ‘div.book-page > div.draggable-text’, function () { alert(‘clicked!’); // some more coding here… }); // This one works /*$(‘div.book-page > div.draggable-text’).click(function () { alert(‘clicked!’); // some more […]

为什么是® 与jquery一起使用时无法正常工作

我有一个问题我想附加一个按钮的注册商标符号,我希望它用jquery完成,因为有很多很多按钮,当我使用它与html例如(下面)它工作时需要标志。 但是,当我使用如下的jquery时,它返回纯文本: $(‘.button_a’).each(function(){ $(this).attr(“value”,$(this).attr(“value”)+” ®”); }); 我不想浪费我的时间和空间来放置® 在所有按钮的值中,所以我希望它在jquery中完成,但我做错了什么。 我知道这是一个缓慢的问题,但请有人在这个问题上帮助我 也可以使用Javascript。 欲了解更多信息,请评论并询问 谢谢….

jquery远程validation:将远程数据传递给funcion

我的代码 var validator = $(“#form-utente”).validate( { rules: { login: { checkLogin: true } } } 我的“checkLogin”function…… $.validator.addMethod(“checkLogin”, function(value, element) { return eval($.ajax({ url: “checkLogin.cfm”, async: false, data: { login: function() { return $(“#login”).val(); }, } }).remoteData); }); checkLogin.cfm(remoteData)返回“false”,当我需要“true”时,反之亦然。 我如何评估远程数据? … 我需要这样的东西: rules: { login: { checkLogin: function(remoteData) { if(remoteData == true) { return false; } […]

从页面内容链接到JQuery选项卡

我正在构建一个使用JQuery在主页上创建选项卡式内容的应用程序。 我正在使用这个代码示例来构建。 http://jqueryfordesigners.com/jquery-tabs/ 这一切都很好,但是如何链接到标签,以便它与在主页或网站上的任何内容中点击标签链接相同? 我的Javascript代码。 $(document).ready(function(){ var tabContainers = $(‘div.tabs > div’); $(‘div.tabs ul.tabNavigation a’).click(function () { tabContainers.hide().filter(this.hash).show(); $(‘div.tabs ul.tabNavigation a’).removeClass(‘selected’); $(this).addClass(‘selected’); return false; }).filter(‘:first’).click(); }); 我的HTML。 Tab 1 Tab 2 Tab 3 Tab 4 … … … … 我以为我可以做一些链接 My link text 在我的内容,但我假设我需要添加相同的javascript代码,使这项工作。 编辑我已经将以下代码添加到我的javascript但是我单击的选项卡没有得到选定的CSS规则。 // add code for links to tabs $(‘a.tablink’).click(function (){ tabContainers.hide().filter(this.hash).show(); […]

加速度计 – 球滚球

我想用手机加速度计来滚动球。 运动正常,问题是当球击中墙壁时。 我怎样才能得到一个平滑的滚动动画,球在大球的内侧滑动? 这是我当前移动球并检查交叉点的代码: onSuccess: function(acceleration) { var xPos = this.xPos + (-1 * (acceleration.x * 0.5)); var yPos = this.yPos + (acceleration.y * 0.5); var intersect = this.intersection(xPos + 32, yPos + 32, 32, self.canvas.width * 0.5, self.canvas.height * 0.5, self.canvas.width * 0.5); if (!intersect) { this.yPos = yPos; this.xPos = xPos; } this.cnv.clearRect(0.0, […]

淘汰嵌套绑定会干扰IE7 / IE8中的jquery点击

它看起来好像在IE7 / IE8中使用Knockout时有一个错误,但它可能是一个已知问题或(甚至更可能)我正在接近错误的东西,需要纠正。 我很感激你们精彩的帮助。 当我使用jQuery的$ .click()将单击处理程序绑定到元素时,如下所示,它通常在IE7 / IE8 / IE9中正常工作。 我遇到问题的地方是元素(在这种情况下是一个按钮,但它也适用于我的测试中的其他元素类型)是在由Knockout绑定的DOM结构内部。 这只发生在IE7 / IE8中,遗憾的是,我在底部共享的jsFiddle链接可能价值有限。 在IE9中(不出所料),行为按预期工作。 这似乎也没有影响没有jQuery绑定的事件(在纯javascript中使用element.attachEvent)。 function jqClickBad() { alert(“nested click() handler bound by jquery”); } // this fires fine in IE9, but not in IE7/IE8: $(“#alertButtonJQBad”).click(jqClickBad); var viewModel = { ContainerObject: { ContainedProperty: “test” } }; ko.applyBindings(viewModel); http://jsfiddle.net/csiefken/WckWb/3/

jQuery在两个以上的类之间切换

我已经在这里发布了一个关于jQuery toggle方法的问题但是问题是即使使用migrate插件它也行不通。 我想写一个将在五个类之间切换的脚本(0 – > 1 – > 2 – > 3 – > 4 – > 5)。 这是我使用的JS代码的一部分: $(‘div.priority#priority’+id).on(‘click’, function() { $(this).removeClass(‘priority’).addClass(‘priority-low’); }); $(‘div.priority-low#priority’+id).on(‘click’ ,function() { $(this).removeClass(‘priority-low’).addClass(‘priority-medium’); }); $(‘div.priority-medium#priority’+id).on(‘click’, function() { $(this).removeClass(‘priority-medium’).addClass(‘priority-normal’); }); $(‘div.priority-normal#priority’+id).on(‘click’, function() { $(this).removeClass(‘priority-normal’).addClass(‘priority-high’); }); $(‘div.priority-high’+id).on(‘click’, function() { $(this).removeClass(‘priority-high’).addClass(‘priority-emergency’); }); $(‘div.priority-emergency’+id).on(‘click’, function() { $(this).removeClass(‘priority-emergency’).addClass(‘priority-low’); }); 这不是代码的第一个版本 – 我已经尝试过其他一些东西,比如: $(‘div.priority#priority’+id).toggle(function() { $(this).attr(‘class’, […]

发出混合jquery,rails和haml

我正在将html.erb转换为html.haml。 我在erb中有一些jquery是… :javascript $(“.level”).live(“click”, function() { //..some code milestone = “&milestone=”; //..some code }); 我想将if语句转换为haml,为此我正在做… – if @milestone milestone = ‘&milestone=”#{@milestone}”‘ 但这不起作用,并给我一个语法错误“if @milestone” 我究竟做错了什么? 你能混合使用jquery和haml吗?

Datepicker仅更改表格第一行中的日期

我的日期选取器仅更改表格第一行中的日期。 我创建了一行表,然后当一个人点击add时,克隆该行并将其附加到表中。 datepicker在克隆后工作,但只更改第一行中的值。 只有在每次克隆行时销毁和部署datepicker,才会发生这种情况,否则datepicker只能在我表的第一行中运行。 有帮助吗? 谢谢 HTML代码 使用Javascript $(‘#add-row’).on(‘click’, function (e) { e.preventDefault(); //datepicker does not work witout being created and destroyed on each row. //$(‘.datepicker’).datepicker(‘destroy’); var tableBody = $(‘#periodsTable > tbody’); var lastRowClone = $(‘tr:last-child’, tableBody).clone(); //setting periodId to -1 for any created periods $(‘td:first input[name=periodIds]’, lastRowClone).val(“-1”); tableBody.append(lastRowClone); //$(“.datepicker”).datepicker(); });

不重置的jQuery倒计时

您好我正在使用Keith Wood的jQuery倒计时( http://keith-wood.name ),我想知道当有人刷新页面时我是如何保持计数器的。 因此,每当有人进入页面时,他必须看到倒计时 我是jQuery的新手。 我使用了jquery.countdown.min.js文件。 这是JS小提琴http://jsfiddle.net/wthf9/2/ jQuery(document).ready(function($){ jQuery(‘#offline-countdown’).countdown({ until:’+1d, 1h, 3h, 3m, 1s’, format: ‘DHMS’, labels: [‘Years’,’Months’,’Weeks’,’Days’,’Hours’,’Minutes’,’Seconds’] }); }); 非常感谢有人可以帮助我! UPDATE! 如果有人需要,你可以在这里找到答案: http://jsfiddle.net/wthf9/7/