Tag: click

jQuery – img src在hover和点击时更改: 我有一个我创建的图像，我现在需要变成一个按钮。根据按钮的状态，有四种不同的png文件： icon1-on.png，icon1-on-hover.png，icon1-off.png，icon1-off-hover.png 。我需要为点击和hover更改img的src。我的HTML是：当按钮处于正常工作状态时，我有hover状态： $(“.sheild_icon”) .mouseover(function() { this.src = this.src.replace(‘-on.png’, ‘-on-hover.png’); }) .mouseout(function() { this.src = this.src.replace(‘-on-hover.png’, ‘-on.png’); }); 现在我需要将点击从icon1-on.png更改为icon1-off.png 。当img src为icon1-off.png时，将鼠标hover在icon1-off-hover.png上

点击事件多次触发问题，如何？: 我有一个按钮。当我点击它时，我将一些按钮附加到DOM。我遇到的问题是那些我多次追加的按钮。 $(el).on(‘click’, function (e) { key(); }); function key() { $(document).on(‘click’, ‘#key li’, function () { console.log($(this)); }); } 第一次调用key() ， console.log会触发一次第二次调用key() ， console.log会触发两次等等我已经尝试添加$(document).find(‘#key li’).unbind(‘click’) ，但这似乎不起作用有任何想法吗？编辑：这是一个jsfiddle示例（如下所示）。 $(‘button’).on(‘click’, function () { $(‘.cont’).remove(); $(‘.container’).remove(); var html = ‘clickplaceholder’; $(‘body’).append(html); key(); }); $(document).on(‘click’, ‘.cont’, function () { var html […]

jQuery点击事件不工作IE7和IE8: IE7或IE8中的以下代码不起作用。这是一个错误吗？它在IE6中运行良好（不可思议！） http://jsfiddle.net/zgSmT/

猫头鹰旋转木马2克隆项目点击事件没有开火: 我目前正在开发中使用Owl Carousel 2.0.0-beta.2.4来保持旋转木马居中并循环工作得很好的项目。出于某种原因，Owl在设置loop: true时生成的克隆项loop: true似乎不会在点击时触发。您将在下面的示例中看到，每个其他项目在触发时都会发出警告，但如果项目已被克隆，则它似乎不会注册click事件。的jsfiddle HTML： CSS： /* * Owl Carousel – Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { […]

jQuery无法在AJAX Loaded页面中工作: 我正在使用jQuery使用$ .ajax（假设test.html）通过AJAX加载页面。它是一个简单的HTML文档，在单击它们时会有一些按钮和相关的动画（也使用jQuery）。当我直接加载页面时，关联的.click（）属性工作正常，但是当我在加载AJAX的版本中单击按钮时，按钮无法响应。由于我太过疲惫，无法解释我正在做的所有闷闷不乐的事情，所以我只是编写下面的所有代码，为此道歉。以下是文件中的必需代码。 jQuery Load Something Using AJAX Show the Page 而下一个 $(document).ready(function() { $(‘#results’).hide(); $(‘#msg’).hide(); $(‘#showButton’).hide(); $(‘#loading’).hide(); $(‘#loaded’).hide(); $(‘#load’).live(‘click’, function() { $(‘#load’).hide(); $(‘#loading’).show(); $(‘#msg’).show(‘fast’); $.ajax({ url: ‘test.html’, cache: false, success: function(html) { $(‘#results’).append(html); } }); $(‘#msg’).ajaxSuccess(function(evt, request, settings){ $(this).append(‘Click the Button Below to View the Page’); $(‘#showButton’).show(‘slow’); $(‘#hideLoadedPage’).hide(); $(‘#loading’).hide(); $(‘#loaded’).show(); }); […]

点击JavaScript和jQuery中的源代码，人工还是自动？: 我们都知道您可以使用以下方法之一模拟元素上的click或任何其他事件： $(‘#targetElement’).trigger(‘eventName’); $(‘#targetElement’).click(); 我遇到过一种情况，我应该知道如何点击一个元素。我应该知道它是通过代码自动点击还是按下鼠标按钮。无论如何我可以在没有黑客或变通办法的情况下做到这一点吗？我的意思是，浏览器的事件对象，JavaScript或jQuery中是否有任何内容可以告诉我们是否已经通过人为操作或代码启动了点击？