Tag: 触发

jQueryMobile滑块更改事件

我很难听到jQueryMobile滑块的更改事件。 在此页面中，事件正确触发事件“slidestop”： http://jsfiddle.net/2HEcY/ 我页面中的相同代码不会触发任何内容： http://www.marianotomatis.it/test.php 你能看到这段代码有什么问题吗？ My Page My Title Input slider: $(“#slider-step”).on(“slidestop”, function(e){ alert(“STOP!”); });

触发锚定链接上的单击

我有一系列链接，其中包含与之匹配的缩略图。 我需要将这些缩略图加载为div，并将背景图像设置为div。 我正在使用其中包含所有缩略图的单个图像，因此我无法将图像作为图像加载。 单击图像应该像点击链接一样，我做了一个JSFiddle来显示我的意思（并显示问题）： JSFiddle 当我点击那里的两个链接时，会打开一个新窗口，其中包含我想要的网站。 但是当我点击缩略图时，我无法点击触发的链接。 单击该链接将具有额外的function（统计数据），因此我更喜欢通过将相同的自定义函数绑定到锚点和div来触发链接上的单击。 提前致谢

在输入文本上触发jQuery的keypress事件

关于.trigger()方法 ， Event对象 ， which属性 ， JS char代码和下面的代码，为什么#example输入不能将char作为自动写入的值？ 我是否误解了.trigger()方法？ $(function() { var e = jQuery.Event(“keydown”, { which: 65 }); $(“#example”).focus().trigger(e); });

在.trigger中使用时，冒号在jQuery中意味着什么？

我查看了http://api.jquery.com/trigger/ ，示例没有回答我的问题。 我正在查看一些代码，并想知道这段代码正在做什么。 $(document).on(‘click’, ‘#SubmitQuery’, function(event) { event.preventDefault(); $(document).trigger(‘filter:submit’); }); 具体来说，触发器函数内部的冒号是做什么的？ 对于完整的上下文，这里是什么filter（我假设触发器函数内部的’filter’引用该filter对象）： var filter = { init: function() { $(document).on(‘keypress’, ‘#Filter’, debounce(function(event) { if (event.keyCode == 13) { $(document).trigger(‘filter:text’); } }, 300)); $(document).on(‘click’, ‘#ClearFilter’, function(event) { event.preventDefault(); $(‘#FilterText’).val(”); $(‘#FilterText’).focus(); $(document).trigger(‘filter:clear’); }); $(document).on(‘change’, ‘.filterSection [type=checkbox]’, function(event) { var group = $(this).parents(‘[data-filter-group]’).attr(‘data-filter-group’); var $checkboxes = $(‘[data-filter-group=’ + […]

在拖动时调整JQuery Draggable元素的包含父级的大小

我在另一个div’box’父容器中有一个div’slide’元素，并将JQuery Draggable应用于子节点。 当项目被拖动时，我正在调整父容器的大小，有时缩小，有时会扩大它。 问题是JQuery没有响应这个resize并且仍然包含父元素的原始维度中的拖动元素，而不是在其当前大小内，直到mouseup – 下一个拖动会话将使用新维度（直到它再次更改） ）。 为了尝试解决这个问题，我希望触发mouseup事件，然后触发mousedown事件，以便JQuery使用新的容器大小： $(‘.slide’).draggable({ axis: “x”, containment: ‘parent’, drag: function (e, ui) { resizeContainer(); if (outsideContainer()){ // Try to stop and restart dragging $(this).trigger(‘mouseup’); $(this).trigger(‘mousedown’); } } 但是，这引发了一个例外…… Unable to get value of the property ‘0’: object is null or undefined …在这行JQuery代码上： this.helper[0].style.left=this.position.left+”px”; 任何人都知道我可以如何a）让Draggable实时响应父级维度的变化或b）触发一个dragstop然后无缝地拖拉？ 谢谢。

使用jQuery触发onScroll事件的多个动画

我有一个函数，当滚动到视图时淡出特定的DIV。 我在这些DIV中有一些子元素，我想在每个淡入淡出动画结束时制作动画。 如何在以下function中添加其他function？ $(window).scroll(function(d,h) { tiles.each(function(i) { a = $(this).offset().top + $(this).height(); b = $(window).scrollTop() + $(window).height(); if (a < b) $(this).fadeTo(500,1) ???AND SLIDE CHILD ELEMENT ALSO!!???; ///how to I target each child element to do something in the above line??? }); }); 这是一个jsFiddle DEMO ，它将帮助您可视化我的概念。 动画已经有效，问题是滑动的子元素最初开始，我想要做的是在每个onScroll渐变开始时连续开始每个滑动function。 非常感谢您提前做好准备。 这将帮助我在jQuery的路径和磨难中度过难关！

如何在jQuery触发器上运行回调函数（“click”）？

我需要在trigger调用的回调中触发自定义事件，但我无法使其工作。 我试过这个： var $input = $( “.ui-popup-container” ).find( “input” ).eq(2); function runtests () { console.log(“clicked the input”); }; $input.trigger(‘click’, runtests()); 还有这个： var $input = $( “.ui-popup-container” ).find( “input” ).eq(2); $input.trigger(‘click’, function(){ console.log(“clicked the input”); } 两者都不奏效。 题： 当我触发元素点击时如何获得回调函数？

在页面加载时触发按钮

我有这个function $(“a#”).click(function() { jQuery(“#”).slideToggle(400); jQuery(“#featurepagination”).toggle(); jQuery(“#featuretitlewrapper”).toggle(); return false; }); 这是我想在页面加载时触发的按钮 <a href="#" id="featuretoggle" onclick="changeText('ShowShow Features’);”>HideHide Features 我想在页面加载时触发该按钮，以便它开始打开但随后滑动/关闭

Nifty Modal – 如何在没有按钮的情况下触发模态

这个脚本提供了很棒的模态转换，我想使用它们而不是标准的警报消息。 现在，脚本的演示显示了如何通过按来触发它们，但是我在查找如何以if statement为例显示模态时遇到了一些麻烦。 这是链接到按钮的代码。 //此部分位于另一个文件中，该文件导入到按钮所在的html文件中。 $(document).ready(function(){ $(“.md-trigger”).modalEffects(); }); //当按钮有类时触发该函数，但我需要它独立于工作类，或者至少可以通过链接到按钮来触发它 Warning 问题：如何通过if语句触发漂亮的模态？

jQuery检查开始触发前的hover状态

我用jquery创建一个小滑块插件。 当鼠标位于左侧或右侧控制区域上方时，图像将从左侧或右侧滑动5％。 点击图片滑入100％ 问题是当在完全幻灯片中从左到右控制div时移动鼠标时，请检查鼠标是否总是在左侧div上再次触发鼠标hover事件。 结果是左侧和右侧的图像显示为5％。 有没有办法像这样检查鼠标hover？ if($(this).mouseover()) $(“.right”).trigger(“mouseover”); 控制器div的代码看起来像这样 $(“.right”,this).bind({ mouseover:function(){ if( vars.current == $(“img”).length-1 || vars.running) return false; $(“img:eq(“+(vars.current+1)+”)”).removeAttr(“style”).css({position:”absolute”,left:”100%”,”z-index”:vars.current+1}).show().animate({left:”95%”}, {queue: false}) }, mouseleave:function(){ if( vars.current == $(“img”).length-1 || vars.running) return false; $(“img:eq(“+(vars.current+1)+”)”).animate({left:”100%”}, {queue: false , complete:function(){ $(this).hide() } }); }, click:function(){ if( vars.current == $(“img”).length-1 || vars.running) return false; vars.running = true; $(“img:eq(“+(vars.current+1)+”)”).animate({left:”0%”}, {queue: […]