Tag: jQuery的

触发器点击由ajax加载的元素

如何触发ajax加载的元素的click方法在父元素的click事件上运行? 我希望它发生页面加载时间。

如何使一个div淡入,另一个淡出?

毋庸置疑,我是初学者,尤其是涉及JavaScript和jQuery时。 我正在寻找一种方法让一个div淡入(通过可见性,而不是不透明度)和一个淡出。 这是我想要的HTML的一个例子。 When you hover over .main, .secondary fades in and .main fades out This text is visible by default 我环顾四周,找不到我想要的东西。 非常感谢你提前。

链接/按钮被禁用,直到单击另一个按钮

我正在寻找一种方法来禁用左侧的所有菜单项。 在每个div上,都有一个Execute按钮和Next按钮。 在单击执行按钮之前,需要禁用下一个按钮。 除了启用下一个按钮之外,还需要启用菜单中的下一个项目并单击。 单击Next将转到左侧菜单上的下一个项目。 Javscript: // nav $(“.nav-content”).hide(); $(“ul.nav li:first”).addClass(“active”).show(); $(“.nav-content:first”).show(); // onclick event $(“ul.nav li”).click(function() { $(“ul.nav li”).removeClass(“active”); $(this).addClass(“active”); $(“.nav-content”).hide(); var activenav = $(this).find(“a”).attr(“href”); $(activenav).show(); return false; }); HTML 1 ONE 2 TWO 3 THREE ONE Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore […]

使用JQuery更改CSS选择器之前的后台位置

我正在使用它来自定义单选按钮和复选框,但我需要更改:before在单击元素的背景:before 。 可能吗? HTML CSS(无。) .checkbox { display: inline-block; margin: 0 4px 0 0; cursor: pointer; text-align: left; padding: 0px; input { display: none; } &:before { background: url(/img/checkboxes.png) no-repeat; content: “”; float: left; height: 18px; width: 19px; margin: 0; } }

Jquery slideDown child ul

我怎样才能只滑下正在盘旋的元素的孩子ul? Real Estate Consulting Services Investment Property Management Development Investment Philosophy Criteria Jquery $(document).ready(function() { $(“.sub”).hide(); $(“.main”).hover(function() { $(“.sub”).slideDown(‘slow’); }); });

鼠标点击附近的工具提示位置

我的场景被描述并部分解决了这里使用jquery 1.3.2创建的简单工具提示我想在点击html元素后显示简单的工具提示。 但是,在我的页面上,工具提示(.tooltip)的html代码位于我页面的不同位置(底部)。 现在我需要它在点击的html元素下显示。 到目前为止代码看起来像这样: $(document).ready(function(){ $(‘.somefield’).click(showBox).mouseleave(hideBox); function showBox(e){ var x = e.pageX + 20; var y = e.pageY + 20; $(‘.tooltip’).fadeIn(); $(‘.tooltip’).offset({ left: x, top: y }); } function hideBox(){ $(‘.tooltip’).fadeOut(); } }); 它可以在我的页面上运行http://jsfiddle.net/HUG2Z/15/如何在jquery 1.3.2中单击鼠标右键显示它? 非常感谢你。

jQuery无法在Chrome扩展程序中使用

这个代码是在我提出的另一个问题中提供给我的,但我在开始时遇到了错误。 以下是导致问题的代码部分: // @require http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js // @require https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js // @resource jqUI_CSS http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css // ==/UserScript== var cssResource = GM_getResourceText(“jqUI_CSS”); GM_addStyle(cssResource); $(“#pickMe”).datepicker(); 我得到的第一个错误是“未定义GM_getResourceText” 如果我注释掉了,那么下一行,那么我得到的下一个错误是“未定义的未被引用的referenceerror $”。 我在最后一行得到了这个。 这就像脚本没有从谷歌获得jQuery的东西。 有任何想法吗? 谢谢!

jQuery.getJSON不适用于twitter

任何人都可以告诉我为什么这个jQuery函数不起作用。 它没有引起alert 。 $.getJSON(‘http://api.twitter.com/1/statuses/user_timeline.json?’, { screen_name: ‘samajshekhar’, count: ‘5’, }, function (data) { alert(‘hello world from twitter’); }); 在fiddler中,我可以看到已经返回了预期的JSON。 但是,当使用jQuery文档中的示例代码调用flicker的api时,它会按预期提供alert $.getJSON(‘http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?’, { tags: ‘cat’, tagmode: ‘any’, format: ‘json’ }, function(data) { alert(‘hello world from flicker’); }); 这是JS Bin上的示例代码 我尝试使用facebook的图形API仍然没有alert 在示例代码中,我尝试使用getJSON调用facebook,twitter,flicker,只提出闪烁的调用alert 。

如何在这里动态地将类.selected添加到所选元素?

在这个例子中。 通过单击缩略图,大图像会发生变化。 我想为选定的缩略图添加边框。 看这里的例子http://jsfiddle.net/Qhdaz/2/ HTML CSS .small-images a, .big-images a {display:inline-block} .small-images a.selected {border:1px solid red} 当前的jQuery代码 $(function(){ $(“#big-image img:eq(0)”).nextAll().hide(); $(“.small-images img”).click(function(e){ var index = $(this).index(); $(“#big-image img”).eq(index).show().siblings().hide(); }); });

关闭Android应用程序Jquery – Phonegap

我正在尝试使用以下代码关闭我的Phonegap Android应用程序: document.addEventListener(“backbutton”, function () { if ($(‘.screenshot’).is(“:visible”)) { if (confirm(‘Afsluiten?’)){ setTimeout( function() { navigator.app.exitApp(); }); } else { ”; } } else { $(“.items , .screenshot”).show(); $(“.content , .openbrowser , .html5vid , .introtekst_gal” ).hide(); $(“.terug”).hide(); } }, true); 它工作一次:按下后退按钮然后“确定”按预期关闭应用程序。 但是,当我这样做时,应用程序不再关闭: 按后退按钮(弹出显示) 按“取消”(弹出消失) 按后退按钮(弹出显示) 按“确定”(弹出消失,应用程序应该关闭,但不是) 我究竟做错了什么?