Tag: 点击

为什么fancybox需要激活两次点击?

jQuery的 jQuery(document).ready(function () { jQuery(“a.fancybox_videojs”).click(function(e) { e.preventDefault(); var url = jQuery(this).attr(‘title’); var rel = jQuery(this).attr(‘rel’); var img = jQuery(this).children(‘img’).attr(‘src’); jQuery(this).fancybox({ ‘overlayOpacity’ : , ‘overlayColor’ : ”, ‘hideOnContentClick’ : false, ‘content’: ” + ” + […omitted…] ” + ”, ‘titleShow’ : false, ‘onComplete’: function () { jQuery(“#fancybox-inner”).css({ ‘overflow’: ‘hidden’ }); VideoJS.setupAllWhenReady(); }, ‘onClosed’: function () { […]

dom更改后.click()失败

我在网上搜索但我没有找到任何答案,因为这个“问题”不是关于.on()和.click()之间差异的常见问题。 使用jquery 2.1.3时,click函数是on.(“click”, handler)的缩写on.(“click”, handler)因此它应该在dom更改后触发函数(或wathever)。 但这只有在我使用.on()时才有效。 为什么? (以下示例) $(‘#button1’).click(function() { $(‘div’).html(“Hello”); }); $(‘#button2’).click(function() { alert(0); //THIS DOESN’T WORK }); $(body).on(“click”, “#button2”, function() { alert(0); //THIS WORKS! });

jQuery .Click()不起作用

我有一个外部*.js文件,其中包含以下代码: $(“.hlavni_tema”).click(function() { alert(“ok”); }); alert(“loaded”); 和HTML页面,如下: Základní fyzikální pojmy a jednotky Základní fyzikální pojmy, měření ve fyzice … Astrofyzika Fyzikální obraz světa 在HEAD部分,我包括jQuery和外部文件源,如下所示: 当我打开网页时, alert()通知”loaded” ,以便导入jQuery文件。 但是当我点击其类为“hlavni_tema”的span元素时,没有任何反应。 我也尝试过这段代码: .on(“click”, function()) 和 .on(“click”, “#tema”, function()) – 一切都无济于事。 谢谢你的帮助。

jQuery函数在append()之后没有响应

我正在创建一系列div框,允许用户使用jQuery从每个框中添加/删除项目。 我发现在向框中添加新元素后,我绑定到该元素的单击函数将不会响应。 这大致是我的代码的样子: $(“.add”).click(function() { $(“#targetbox”).append(“This element was added”); }); $(“.remove”).click(function() { alert(“removing”); $(this).remove(); }); 如果我使用项目预填充#targetbox,它们会响应clickfunction。 它只是动态添加的项目,不响应该function。

jQuery监听器不“监听”动态创建的DOM元素上的事件

我有一个像这样的听众: $(‘.delete’).click(function() { …some stuff }); 此外,在同一页面上,另一个脚本以这种方式动态地向DOM添加元素: $(‘#list’).append(‘delete’); 我的问题是监听器不“监听”这些动态创建的元素。 请问有人可以解决一些问题吗?

jQuery-点击图像上的坐标并在那里画一个圆圈

我有一个div即image_preview ,里面有一个图像。 有一个输入框可以从用户那里获得圆的半径。 当我点击图像上的某个点时,我需要一个圆圈,以该点为中心,半径输入为半径。 圆圈应标有标记。 id为hotspot_display的div用作标记, div circle用作要显示的圆圈。 两者都绝对定位。 标记的背景为尺寸为24X24的图像。 每当我点击时,标记和圆圈的克隆都会被制作并定位在我点击的点周围。 单击鼠标即可更改标记和圆圈位置(您可以在此问题的末尾找到小提琴链接)。 我可以捕获我用offset和clientX等点击的点的坐标,其代码如下: HTML:图片: JS: $(‘#image_preview’).bind(‘click’, function (ev) { var $div = $(ev.target); var $div = $(this); var $display = $(‘#image_preview’).find(‘#hotspot_display’); var offset_t = $(this).offset().top – $(window).scrollTop(); var offset_l = $(this).offset().left – $(window).scrollLeft(); var left = Math.round( (ev.clientX – offset_l) ); var top = Math.round( […]

Jqueryhoverfunction,点击平板电脑

我有一个jquery幻灯片,它使用导航列表来切换幻灯片图像。 它的工作原理是当您将鼠标hover在导航列表上时,它会突出显示(’。active’)并且关联的图像会切换到该列表。 导航列表中有链接,也可以单击该链接转到其他页面。 我需要这个在平板电脑上工作,这样当用户点击导航列表时,它会变为活动状态,然后图像幻灯片显示切换,然后如果再次点击它会跟随到该链接。 现在发生的事情是,只要点击它,它就会变为活动状态并点击进入。 这是jquery $(“.main_image .desc”).show(); //Show Banner $(“.main_image .block”).animate({ opacity: 0.8 }, 1 ); //Set Opacity //Click and Hover events for thumbnail list $(“.image_thumb ul li:first”).addClass(‘active’); $(“.image_thumb ul li”).hover(function(e){ //Set Variables e.preventDefault(); var imgAlt = $(this).find(‘img’).attr(“alt”); //Get Alt Tag of Image var imgTitle = $(this).find(‘a.imgloc’).attr(“href”); //Get Main Image URL var imgDesc = […]

单击$(文档)上的jQuery – 获取单击元素

我试图弄清楚如何使用$(document).click()方法获取点击的元素: $(document).click(function() { if ($(this) !== obj) { obj2.hide(); } }); 在上面的例子中, obj是对象是下拉菜单 – 如果点击我不希望它做任何事情,但如果点击是在页面的主体或任何其他元素 – 它应该触发hide()方法。

jQuery:在它们发生之前捕获所有点击事件?

在我的页面上,我有很多响应点击事件的元素。 有时我需要根据某些全局标志来阻止所有点击。 有没有办法在集中的位置进行检查? 现在我在每个事件中检查标志,例如: var canClick = false; // Global flag // Sample click event: $(“#someDiv”).click(function(){ if(!canClick) return; // Some stuff … }); 我想做的是有一个元素在任何其他元素之前捕获所有点击事件。 我尝试在文档上执行此操作,但这些事件仅在其他单击事件之后发生。 例: $(“#someDiv”).click(function(){ console.log(“someDiv click”); }); $(document).click(function(){ console.log(“Document click”); }); // When I click on the someDiv element it prints: > someDiv click > Document click 我还尝试在所有内容之上放置一个全屏div,并使用它来捕获事件,但问题是没有任何点击通过这个全屏div传播。 此外,我不想依赖于创建额外的元素来捕获点击,因为它感觉有点hacky。 我可以覆盖jQuery点击function,以便我可以把我的小支票放在那里吗? 有什么明显的东西我在这里不见了吗? 谢谢你的帮助。

事件未在FireFox中定义,但在Chrome和IE中确定

我使用jQuery生成HTML: $(“”) .append(“demo”) .click(function () { DemoFunc(event, value.Id) }) 这适用于Chrome和IE8,但在FireFox中我收到错误:“事件未定义”。 我改变了这样的代码: .attr(“onclick”, “DemoFunc(event, ” + value.Id + “)”) 它适用于Firefox,但不适用于Chrome和IE。 DemoFunc = function (e, assocGroupId) { var target = (e.target) ? $(e.target) : $(e.srcElement); …. } 为什么!? 救命!!