问题标签 [jquery-events]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
186 浏览

javascript - JQuery在点击时替换图像

单击图像后,我想扩展一些 JQuery 代码以替换图像。我有这个:

从此调用:

并声明如下:

本质上,编码第一部分中的两行应该处理它,即

但我不知道为什么图像没有被替换。minimise是css文件中的一个类。其余的编码工作。

我尝试用 , 替换$(minIcon)$(this)$(img.minimise)没有任何效果。有谁知道任何解决方案?

0 投票
1 回答
826 浏览

javascript - 使用 link_to 和 :method => :post 而不是内联 Javascript 时向锚点添加事件?

我正在使用 Rails 的敏捷 Web 开发进入 Ruby on Rails。

我到了你使用的部分:

为了尝试 RESTful,Rails 在每个锚标记上踢掉了这个内联 Javascript

现在,我倾向于从不使用:method => :post,而是编写一些 Prototype JS 之类的东西:

有没有办法让我的蛋糕也吃掉?在链接上使用:method => :post,但 Rails 是否会像上面那样踢出一小块 JS?

或者如果你使用:method => :post,你必须忽略 gobbledy gook?

0 投票
2 回答
3098 浏览

jquery - jQuery 事件发布

我对 jQuery 比较陌生,所以如果我问的是一个基本问题,我很抱歉,但我在事件触发方面遇到了问题。现在我正在尝试设计一种图像平移工具,用户可以在其中在查看窗口(固定 div)内向任何方向平移图像。在鼠标按下时,该函数将开始执行一些计算,在鼠标移动时,在将值传递到

线,其中两者都是新计算的位置。

到目前为止它一直有效,但我在从mousemove事件中释放时遇到问题。在最初的鼠标按下和鼠标移动之后,我似乎无法通过鼠标向上释放平移,并且用户无需单击即可平移图像。

这是基本骨架(#test指查看div):

我试过mouseup在不同的地方附加一个事件,但我不确定正确的地方在哪里,以及如何发布。任何帮助是极大的赞赏!

0 投票
1 回答
1037 浏览

javascript - 如何使用 jQuery 填充鼠标事件的下拉列表?

假设我有一个下拉列表,当用户与之交互时,我想“即时”创建它。

例如:下拉列表只有“附加文件”选项。当用户在下拉列表上单击/交互时,我需要它在那时生成他们可以附加的所有可用文件(这取决于表单的其他交互......因此我需要一个“在飞”法)。

我的问题是试图找到合适的事件作为触发器。

如果我使用onFocus,那么 IE 会尝试加载原始下拉列表,然后生成新的下拉列表,导致用户基本上需要双击下拉列表才能与之交互。在 Firefox 中,这种方法没有问题。

然后我尝试切换到onMouseOver哪个在 IE 中效果很好,但在 Firefox 中效果不佳。两者的区别在于,在 IE 中onMouseOver只触发下拉框而不是下拉列表,而在 Firefox 中它同时触发两者(所以你试图从列表中选择一个选项,它会不断重新生成列表苍蝇,它阻止你与它互动)。

有任何想法吗?

0 投票
2 回答
54505 浏览

javascript - jQuery - 内联调用函数

我正在尝试将一个变量传递给内联的 jQuery 函数(即:onMouseOver="function();"在实际链接中使用一个(这是来自图像映射的区域标签))。

仅当我将它放在该行之前时才会调用该函数$(document).ready(function(){,但是这样做会导致 jQuery 出现各种问题。

我想要的只是一个简单的标签(例如<area shape="circle" coords="357,138,17" onMouseOver="change('5');" id="5" />启动一个包含在普通 jQuery 代码主体中的函数。

为了说明这一点,以下工作:

但以下不

0 投票
6 回答
45212 浏览

jquery - 使用 jQuery 获取有关事件来源的信息

一个函数绑定到许多对象的事件。其中一个对象会触发事件,然后 jQuery 会启动。我如何找出在 JavaScript 函数中触发事件的人?

我试过使用function [name](event){}和戳事件,但我得到“'数据'为空或不是对象”。

这是我现在的代码:

0 投票
5 回答
265542 浏览

javascript - jQuery失去焦点事件

如果输入字段获得焦点,我试图显示一个容器,并且 - 这是实际问题 - 如果焦点丢失,则隐藏容器。jQuery 的焦点是否有相反的事件?

一些示例代码:

我想做的是这样的:

0 投票
2 回答
4350 浏览

html - jQuery cloning html, update the DOM?

I need help of Javascript / jQuery experts to solve the next problem:

---- 1. this Javascript alerts the id of a selected option in a select html tag:

----2. this Javascript clone html code:

---- this is a part of the HTML code that JS is cloning, and it works with no problems

BUT just the Javascript #1 works with the initial html code (original for clone). the cloned others doesn't alert selected options. I've tested with different id's attrs for each cloned select tags, without results.

What am I missing? Firebug display the cloned html DOM nice :S Do I have to update DOM after cloning to make $("#id productos list").change(...) works?

0 投票
4 回答
18358 浏览

javascript - 为内容更改创建一个 jQuery 特殊事件

我正在尝试创建一个 jQuery 特殊事件,该事件在绑定的内容发生更改时触发。我的方法是用 a 检查内容setInterval并检查内容是否与上次相比发生了变化。如果你有更好的方法,请告诉我。另一个问题是我似乎无法清除间隔。无论如何,我需要的是使用event.special.

并像这样绑定它:

我得到了console.log“内容更改”,但没有得到“内容更改console.log触发”。所以很明显,回调永远不会被触发。

我只是使用 Firebug 来更改内容并触发事件,进行测试。

更新
我认为我说得不够清楚,我的代码实际上不起作用。我正在寻找我做错了什么。


这是任何有兴趣的人的完成代码

感谢 Mushex 帮助我。

0 投票
2 回答
8899 浏览

javascript - 文本框更改时如何将 Javascript 事件处理程序绑定到 Ajax 控件工具包组合框

我需要一个用于 ASP.NET 项目的组合框,因此我决定使用 Ajax Control Toolkit 组合框 ( http://www.asp.net/AJAX/AjaxControlToolkit/Samples/ComboBox/ComboBox.aspx )。

我不想使用回发,因为我不想重新加载页面,但我需要知道文本框中的文本何时更改,以便我可以调用服务器以保留新的列表项。

我很好奇如何将onchangeonblur事件绑定到此组合框使用的输入框。

这是我的 asp.net 页面:

更新:我尝试使用该建议,但出现此错误:

$find("PlantDropDown") 为 null
[打破此错误]
$find('PlantDropDown').add_propertyChanged(function(sender, e) {\r\n

我在 Javascript 端使用 jQuery,顺便说一句,以防万一。

最后更新:
感谢 crescentfresh 的帮助,我让它工作了,最后我的 .aspx 文件中有这个:

这是在我的 javascript 文件中,因为我没有在 .aspx 文件中推送 javascript: