Tag: 切换

JQuery切换隐藏了div元素

我在开发扩展缩放切换div方面遇到了一些麻烦。 我的目标是单击div并使其变大,再次单击它并将其恢复到原始高度。 我得到了这个JQuery脚本,但它导致整个div消失。 $(document).ready(function () { $(“.noticia”).toggle(function(){ $(“.noticia”).css(‘height’, ‘600px’); }, function () { $(“.noticia”).css(‘height’, ‘420px’); }); }); 和HTML 21 de Janeiro de 2014 Fernando Mendes é o novo rosto da OPTICENTER Os seus óculos ao preço certo! É o slogan da nova campanha do grupo e é inspirado na aposta contínua da OPTICENTER em apresentar […]

jquery将$(this)传递给其他函数

高! 我想要做的是以下内容:我有一个带有onclick的表连接到位于偶数行的表中的链接。 每一个奇数行都是隐藏的。 单击该链接,将显示奇数行,并将数据加载到该行。 工作良好 现在我想要做的是,无论何时完成该过程,我想将新的点击function附加到该链接,使该行再次隐藏。 有点像切换,但然后有一些更多然后只是显示/隐藏function。 我尝试使用以下代码执行此操作,但无法使其工作。 我肯定会错过一些非常基本的东西,或者只是不太了解jquery(这很可能,因为我刚开始几周前)。 $(document).ready(function(){ // The version icons $(“a.version”).click(function () { var sLink = $(this).attr(“href”); var nexttr = $(this).parent().parent().next(“tr.version”); var nexttrtd = nexttr.find(“td:first”); $.get(sLink, function(sData){ nexttrtd.html(sData); nexttr.show(); }); $(this).click(function(){ attachHideMyChildren(); }); return false; }); }); function attachShowMyChildren() { var sLink = $(this).attr(“href”); var nexttr = $(this).parent().parent().next(“tr.version”); var nexttrtd = […]

选中/取消选中所有复选框

我正在尝试使用一个复选框来检查/取消选中所有其他复选框。 我正在使用此代码: $(“#checkall”).toggle( function () { $(“.kselItems”).attr(‘checked’, ‘checked’); }, function () { $(“.kselItems”).removeAttr(“checked”); }); 这工作正常,但由于某种原因,带有id checkall的复选框(应该使每件事都工作的复选框)永远不会保持检查状态。 怎么解决这个问题?

在2个函数之间切换

我正在尝试进行切换function,因此当您单击链接时它会执行一项操作,当您再次单击相同的链接时,它会执行另一项操作。 我的问题是我正在使用最新版本的Jquery,似乎toggle-event是Deprecated 。 在我发现它被弃用之前,我试图使用它。 $(‘#edit a’).toggle( function(){ editList(); }, function(){ addList(); }); 它在文档中说它已经绑定了点击。

在页面加载时触发按钮

我有这个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 我想在页面加载时触发该按钮,以便它开始打开但随后滑动/关闭

单击切换下拉菜单

我正在尝试创建一个下拉菜单,该菜单在点击时激活,而不是在hover时激活。 到目前为止,我点击了一点点javascript,但是子菜单显示得很好,如果点击了其他菜单,其他子菜单隐藏了,如果单击其父菜单,我无法弄清楚如何隐藏子菜单。 EG在这个JS小提琴中我可以点击“父母1”来揭示它的孩子,当我点击“父母2”父母1的孩子隐藏和父母2的孩子显示。 但是,如果父母1的孩子表明我希望能够通过再次点击父母1来隐藏他们(或者甚至更好地在孩子外面的任何地方) 我已经看到了一些示例,其中每个父级和子菜单都有单独的类或ID。 我想避免这种情况,因为它需要在cms中工作。 这是我的基本代码 HTML: Parent 1 Parent 1 » Child 1 Parent 1 » Child 1 Parent 1 » Child 1 Parent 2 Parent 2 » Child 2 Parent 2 » Child 2 Parent 2 » Child 2 Parent 3 Parent 3 » Child 3 Parent 3 » Child 3 Parent […]

链接href =“#”在与jquery slidetoggle 一起使用时滚动页面到顶部

可能重复: 当点击一个触发javascript的链接时,如何阻止网页滚动到顶部? 我正在使用jquery的slidetoggle来显示/隐藏div。 控制滑动的元素是文本链接(中的一些文本),其中包含href =“#”,因此它看起来像一个链接(下划线,光标更改)。 问题是,当点击链接时,除了滑动效果,页面滚动到顶部。 我尝试用href =“”替换href =“#”,但是禁用了div显示/隐藏效果。 我想我可以添加标签Name =“somename”,然后将href设置为href =“#somename”,但我宁愿不使用这样的技巧。 为什么href =“#”将页面滚动到顶部? 任何想法都将受到高度赞赏

jQuery .toggle()显示和隐藏子菜单

我正试图在子菜单上使用show / hide。 它看起来像这样: 家长1 家长2 孩子A. 孩子B. 家长3 孩子C. 孩子D. 我只想在点击其父级时显示子菜单。 目前,每当我点击任何父母时,我都会获得所有子菜单。 像这样: http : //jsfiddle.net/saltcod/z7Zgw/ 此外,单击子菜单中的链接可以切换菜单。

Jquery切换两个函数在1.10.1中不起作用

Jquery切换两个函数在jquery 1.10.1中不起作用,但在Jquery 1.8.3上工作 HTML For example, consider the HTML: Click here jQuery的 $(‘#target’).toggle(function() { alert(‘First handler for .toggle() called.’); }, function() { alert(‘Second handler for .toggle() called.’); }); 和expmple在这里

.on()和切换一起工作

在这里快速提问,我似乎无法得到这个 $(‘#wrap’).on(‘toggle’, ‘#image’, function(){ }); 能够在里面切换? 有任何想法吗? 我试过谷歌搜索但没有运气。 这是我试图与.on一起工作的代码,因为目前它没有将更改应用于页面的所有元素,(有#image和#brick) $(“#result_options”).toggle(function() { var image_width = $(‘#image’).width() / 2; var brick_width = $(‘#brick’).width() / 2; $(“#image”).css(“width”,image_width); $(“#image”).css(“padding”,”4px”); $(“#brick”).css(“width”,brick_width); },function (){ $(“#image”).css(“width”,”300″); $(“#image”).css(“padding”,”8px”); $(“#brick”).css(“width”,”314″); $(this).html(“Smaller Results”); }); });