Tag: 切换

尝试再次点击和返回更改图像: 我试图在单击一个类时切换图像。到目前为止我有这个（下面）并且它可以将我的’plus.png’改为我的’minus.png’，但如果再次点击该类，我需要将它改回我的’plus.png’。我有以下jQuery： $(document).ready(function () { $(‘label.tree-toggler, .yellow’).click(function () { $(this).parent().children(‘.yellow’).attr(‘src’, ‘img/minus.png’); }); }); HTML Saftey and Emissions link link 有人可以通过添加我所拥有的东西来帮助我，我将非常感激！

jQuery切换每个？: 我使用jquery来切换一些段落。它只是一个段落很简单，但我说我有一个非常通用的设置。第二段最初用css隐藏。 some text some more text read more some text some more text read more 问题是，每次我点击其中一个“阅读更多”链接，它显示每隔一段。我只想要它显示单击的第二段。对jquery来说很新…

jQuery toggleClass并选中复选框: 我似乎无法让这个工作。如果我删除脚本的复选框部分，切换类可以工作，但如果我添加它，那么它不再切换该类。我是一名业余爱好者，所以我非常感谢任何帮助。我正在使用jQuery版本1.4.1。谢谢。 $(“li.imprint”).click(function() { $(this,”li.imprint”).toggleClass(‘selected’).children(“input[@type=checkbox]”)[0].click(); }); 所以基本上我正在构建一个Web表单供人们自定义笔。所以他们需要选择他们想要的颜色印记。我想要展示一个颜色的样本，而不仅仅是一个无聊的颜色列表。所以我想我会创建一个列表，放一些复选框，这样他们就可以选择颜色并使用CSS来隐藏实际的复选框，这样它就很好又干净。我看到了为单选按钮完成此操作的代码，我的工作正常。我试图将它改编为复选框，但问题是你只能选择一个单选按钮而是多个复选框。给你一个半function的例子。如果您前往测试网站，它是现场（我不知道这是一个很好的做法），并尝试自定义笔，你可以看到我正在尝试做什么。 Pensfast.com Beta

嵌套的jQuery切换语句: 我有一种情况，我在jQuery中“嵌套”切换语句。我有一堆选择允许用户将一天设置为打开或关闭。然后我有一个选择，允许用户显示有关所有日子的详细信息。默认情况下隐藏详细信息（这导致我的问题）。如果用户将某一天设置为关闭，我不希望在用户选择显示所有日期的详细信息时显示该日期。例如。如果星期一设置为关闭且本周剩余时间开放且用户选择“显示详细信息”，则会显示除星期一以外的所有日期的详细信息。如果我从显示的所有细节开始（这可以隐藏和显示详细信息并且不显示关闭日期），这样可以正常工作。但默认情况下，隐藏详细信息，如果用户设置了几天关闭，然后显示详细信息，则会显示所有日期的详细信息，甚至是已关闭的详细信息。当包含div的切换更改时，是否有一种简单的方法可以保持“嵌套”切换？我已经在这个jFiddle中汇总了一个粗略的例子。 http://jsfiddle.net/yTt3t/16/ 谢谢你的帮助。

JQuery – 记住图像状态: 我的网站上有一个可以点击的图片。点击后，jquery会更改图像并运行ajax查询。我不希望记住图像状态。它将是ON或OFF。我知道我应该使用cookie或本地存储，但我需要确保这适用于一些可能的旧浏览器，我不知道如何处理保存状态.. 我用来切换图像的代码是： jQuery(function(){ $(“.img-swap”).live(‘click’, function() { if ($(this).attr(“class”) == “img-swap”) { this.src = this.src.replace(“_off”,”_on”); } else { this.src = this.src.replace(“_on”,”_off”); } $(this).toggleClass(“on”); }); }); 我已经创建了一个JFiddle来显示图像的切换并且确实有效，但是有些人可以指出我正确的方向来记住页面重新加载或刷新时的图像状态。谢谢

HTML表单根据选择切换隐藏/显示字段: 在我的表格上（如下所示）我有一套收音机选项。如果用户选择“其他”的最后一个选项，我希望div显示并向下滑动，他们可以在文本框中输入自定义值。我还希望能够以相同的forms多次使用同一个进程的多个实例（显然具有不同的ID）。以下是它的设置方式：如果用户选择的单选按钮是“color_toggle”且值等于“Other”，我希望它显示元素id“specify_color_box”。如果他们选择不同的单选按钮，我希望隐藏相同的元素。这是答案，以防万一其他人有同样的问题。我的表单元素如下所示： Gray (Standard) All Yellow Yellow Posts / Black Panels Other Specify Custom Color: 我的jQuery显示在这里： $(document).ready(function(){ $(“input[name=’color’]”).click(function(){ if($(this).val() == “Other”) { $(“#specify_color_box”).slideDown(“fast”); } else{ $(“#specify_color_box”).slideUp(“fast”); } }); });

获取切换复选框状态是真还是不: 在这，我没有获得复选框的状态是真还是假我尽我所能我没有得到任何解决方案。当点击切换时，它总是给我一个假值 $(‘input’).on(“change”, function() { if ($(‘input[type=”checkbox”].is(“:checked”)’)) { alert(“its checked”); } }); input[type=checkbox] { width: 0; height: 0; visibility: hidden; } label { cursor: pointer; text-indent: -9999px; width: 50px; height: 20px; background: grey; display: block; border-radius: 100px; position: relative; } label:after { content: ”; position: absolute; top: 3px; left: 3px; width: 14px; height: 14px; background: […]

切换Jquery后删除/添加hover: 我有这个css： .disable { properties } .comment_action:hover { properties } 我有这个jQuery： //comment button index disable $(“#mydiv”).toggle(function() { $(this).find(“.comment_action”).addClass(‘disable’); }, function(){ $(this).find(“.comment_action”).removeClass(‘disable’); }); 对我来说问题是，当我点击.comment_action时：hover不会消失或删除。我希望如果我点击类.comment_action：hover dissapear ，如果我再次点击，则会出现.comment_action：hover。

如果javascript关闭，可以显示/隐藏: $(document).ready(function(){ $(“#CO_createAccount”).click( function (){ if(this.checked){ $(“.CO_accountForm”).show(); } else { $(“.CO_accountForm”).hide(); } }); }); 我将“.CO_accountForm”的css设置为“display：none;” 但是，如果关闭javascript，我希望隐藏元素可见。我假设我可以通过添加上面的隐藏类来做到这一点，但我该怎么做呢？谢谢！

即使在点击事件上，jQuery也不会对动态加载的内容执行: 我有两个document.ready()函数。第一个将内容加载到div#header 。第二个执行隐藏function，然后对新加载的内容执行切换function。我不确定这是否是排队问题，但是当我点击加载的内容时，甚至不会执行下面的alert() 。谢谢。 $(document).ready(function() { $(“#header”).load(“/documents/collegeradioheader.txt”); }); $(document).ready(function() { $(“.hideme”).hide(); $(“.slick-toggle”).click(function() { alert(‘hi’); $(this).parent().next(‘div’).slideToggle(‘fast’); }); }); 编辑：简化代码