Tag: 单击

如何向jQuery单击函数发送多个参数？

目前我正在使用类似的东西： $(‘.myclass’).click(function(){ var msg = $(this).attr(‘id’); alert(msg) }); 和HTML： Link 如果我需要其他参数，我将如何阅读它们？ 也是我目前使用正确方式的方式？ 最初我使用隐藏的输入字段，所以它已经提升了。 ：p

jQuery水平滚动（点击和动画）

我有一系列div在水平线上浮动到无限远。 我有一个固定宽度的div容器，溢出：隐藏。 最后，我想按左右两侧的div /按钮滚动项目（使用滚动条）。 我无法让.animate（）工作。 我希望每次单击都可以移动列表中的项目。 它应该类似于亚马逊“购买此物品的顾客”列表，您可以以相同的方式滚动。 我很想尝试使用.mousedown并让它在移动时移动（类似于真正的滚动）但是想要先做更简单的方法。 这是小提琴和代码： http://jsfiddle.net/stfzy/16/ HTML： CSS： #container{ width:340px; height:50px; } #list-container { overflow:hidden; width: 300px; float:left; } .list{ background:grey; min-width:700px; float:left; } #arrowR{ background:yellow; width:20px; height:50px; float:right; cursor:pointer; } #arrowL{ background:yellow; width:20px; height:50px; float:left; cursor:pointer; } .item{ background:green; width:140px; height:40px; margin:5px; float:left; } jQuery的 $(document).ready(function() { $(‘div#arrowR’).click(function(){ $(‘div.item’).animate({‘left’:’-=300px’}); }); […]

jquery点击锚元素强制滚动到顶部？

jQuery超链接 – href值？ 文本] [1] 我正在使用jquery和附加到锚元素的click事件来解决问题。 [1]： jQuery超链接 – href值？ “这个”问题似乎是重复的，接受的答案似乎并没有解决问题。 对不起，如果这是不礼貌的礼仪。 在我的.ready（）函数中，我有： jQuery(“#id_of_anchor”).click(function(event) { //start function when any update link is clicked Function_that_does_ajax(); }); 我的主播看起来像这样： link text 但是当单击链接时，会根据需要执行ajaxfunction，但浏览器会滚动到页面顶部。 不好。 我试过添加： event.preventDefault(); 在调用我执行ajax的函数之前，但这没有帮助。 我错过了什么？ 澄清 我已经使用了每一种组合 return false; event.preventDefault(); event.stopPropagation(); 在我调用js ajax函数之前和之后。 它仍然滚动到顶部。

如何检查是否使用JQuery选中了复选框？

如果用户选中了页面上的复选框，我试图允许点击function。 否则，我想在#additional_foreign按钮中添加一个类。 我想我很接近，但似乎没有用。 这是我的代码： if($(‘#foreign_checkbox’).attr(‘checked’)) { $(‘#additional_foreign’).click(function() { alert(‘This click function works’); }); } else { $(‘#additional_foreign’).addClass(‘btn_disable’); } 当我选中复选框时，它不允许单击function，当我取消选中该复选框时，它也不会按原样添加该类。 我究竟做错了什么？ 编辑：这是我的HTML澄清。 Click Me

为什么我的点击事件在jquery中被调用了两次？

为什么我的click事件在jquery中被触发了两次？ HTML Show 使用Javascript $(“ul.submenu li:contains(‘Show’)”).on(“click”, function(e) { console.log(“toggle”); if ($(this).find(“[type=checkbox]”).is(“:checked”)) console.log(“Show”); else console.log(“Hide”); }); 这是我在控制台中得到的： toggle menu.js:39 Show menu.js:40 toggle menu.js:39 Hide menu.js:41 > $(“ul.submenu li:contains(‘Show’)”) [​ ] ​ ​ “Show” ​ ​

结合使用同位素过滤的元素

我目前正在使用Isotope来过滤出版物列表，但是希望能够将标准的，记录在案的链接filter方法与select元素结合起来，因为我的第二个filter列表很长。 我正在努力解决的问题是处理两种不同类型的元素， 并将所选值组合成一个选项数组 。 我可以使filter彼此独立工作（下面的代码），但它们需要协同工作。 如何将两个不同的操作（单击或更改）和两个属性（class =或value =）组合到一个选项数组中以传递给isotopfilter？ var $container = $(‘#library’); // select ccskills publications by default $container.isotope({ filter: ‘.ccskills’ }); var $optionSets = $(‘#library-options .option-set’), $optionLinks = $optionSets.find(‘a’); $optionLinks.click(function(){ var $this = $(this); // don’t proceed if already selected if ( $this.hasClass(‘selected’) ) { return false; } var $optionSet = $this.parents(‘.option-set’); $optionSet.find(‘.selected’).removeClass(‘selected’); $this.addClass(‘selected’); […]

将jquery图像缩放效果绑定到onclick

我正在使用此插件在我的网站上启用图像缩放： http://www.elevateweb.co.uk/image-zoom/ 我修改了代码，以便在您单击图像时仅显示放大镜（当您将鼠标hover在图像上时，鼠标光标是放大镜，表示您可以单击以进行缩放）。 代码如下所示： $(“#mainimage”).click(function() { $(“#mainimage”).elevateZoom({ zoomType: “lens”, lensShape: “round”, lensSize: 300 }); }); 这段代码工作正常。 但我想做的还是删除点击缩放效果。 我尝试写的任何代码都不起作用……有什么建议吗？ 谢谢！ 编辑： 我发现这个github注意似乎表明有一个changeState函数： https://github.com/elevateweb/elevatezoom/commit/81c2cc4946f6bebc33c0d8e804b046b36fa1bc61 但是我在没有文档的情况下使用它时遇到了麻烦…… 现在我有这样的东西（只是为了测试它）： $(“#mainimage”).click(function() { $(“#mainimage”).elevateZoom({ zoomType: “lens”, lensShape: “round”, lensSize: 300 }); }); $(‘.productbioimage’).click(function(){ var ez = $(‘#mainimage’).data(‘elevateZoom’); ez.changeState(‘disable’); }); 这似乎工作正常 – 当我点击图像我得到缩放function，当我点击这个其他（随机）div它会破坏缩放function。 但我无法弄清楚如何在点击图像时切换启用/禁用changeState函数？ 谢谢！

如何使用jQuery来处理click，dblclick分离中的计时器

我在http://abeautifulsite.net/notebook/58上使用jQueryFileTree，我想区分dblclick和click事件，因为点击总是由dblclick触发。 谷歌搜索引发了一种技术，其中点击由计时器处理，当dblclick不取消它时启动。 有没有什么方法可以用jQuery和jQuery示例以优雅的方式使用？

在Jquery中如何在提交之前使用回调运行代码

我需要在提交表单之前运行一些jquery代码，似乎存在一些问题。 在你急于推荐之前，请听我说： $(function() { $(‘form’).submit( function() { /* some code */ return true; }); }); 我需要在按下“提交”按钮后首先使用谷歌API计算地址的经度和纬度变量，然后提交表格。 这需要在回调函数中监听响应。 到目前为止我的代码看起来像这样： $(“form input:submit”).click(function(e){ e.preventDefault(); var address = $(this).find(‘.address’).val(); geocoder.geocode( { ‘address’: unescape(address)}, function(results, status) { if (status == google.maps.GeocoderStatus.OK) { $(“.latSelector input:hidden”).val(results[0].geometry.location.lat()); $(“.lngSelector input:hidden”).val(results[0].geometry.location.lng()); $(“form”).submit(); } }); }); 如果我使用“submit”函数执行相同的操作，则表单会在触发回调函数之前提交，并且后面的代码将以缺失值执行。 如果我像上面的代码一样使用按钮上的“click”事件并手动提交，那么代码正确执行但提交不会触发表单后面的代码。 我认为我接近这个工作，但我找不到运行代码，处理回调值然后正确提交表单的魔术组合，以便执行后面的代码。

.click（）和实际点击按钮之间的区别？ （JavaScript的/ jQuery的）

我试图弄清楚我一直有这个奇怪的问题，根本原因是实时点击和触发.click()之间的区别 。 我不会详细介绍问题，但基本上当你点击输入按钮时它工作正常（有一个onclick事件）。 但是，如果我从其他地方调用.click() （而不是物理点击按钮），它将无法正常工作。 我的问题是 – 有没有办法真正复制按钮上的实际点击？ 编辑 问题：我正在打开一个加载内联PDF的新窗口（aspx页面）。 如果我实际点击链接，窗口打开正常，PDF加载。 如果我使用.click() ，窗口会打开，我会被提示下载PDF文件。 我已经通过Adobe Reader设置，浏览器设置和有关提示的注册表设置 – 我知道这些可能是大局的因素，但是现在我关注为什么鼠标点击和.click之间的行为（ ）正在做任何不同的事情。