Tag: show hide

页面重定向后的Jquery函数？: 看看小提琴！小提琴我希望能够通过类似于示例中的页脚链接的链接链接到内容区域的不同部分。但是，当在网站的不同页面上按下链接时，我希望此function（滚动到/打开该部分）工作。已建议使用钓鱼者路由系统，但不知道API历史记录或其他方法如何实际工作或如何实现它们。我找到的另外两个解决方案，但无法弄清楚如何实现如下。解决方法1？溶液2？ HTML blah blah twit twoo blah blah Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nibh eros, commodo sit amet risus a, bibendum venenatis mi. In sed tempus ante. In ac molestie tortor. Proin convallis, diam facilisis volutpat blandit, … twit twoo Quisque quis suscipit augue. […]

如果选中复选框，则显示或隐藏表格行: 我想在选中复选框时隐藏表行（包含输入字段）。我找到了有用的东西： HTML Hide inputs 脚本 $(document).ready(function () { $(‘#checkbox’).change(function () { if (!this.checked) $(‘#row’).fadeIn(‘slow’); else $(‘#row’).fadeOut(‘slow’); }); }); 小提琴但这仅在未选中复选框时才有效。因此，如果在开头选中复选框，我希望隐藏表格行。我该怎么做呢？请注意，我对JavaScript知之甚少，但我确实需要这个

如何通过链接隐藏iframe（跟随鼠标）？: 我有一个iframe绑定到mousemove。这意味着这个iframe随处可见鼠标光标。但我需要隐藏/禁用/使其在通过链接时不可见。我需要在通过链接时隐藏/禁用iframe，否则链接将变得无法点击（因为iframe已经超过它）。它必须是通用链接，所以我不能使用id，它必须与一般链接标记相关回答： http ： //jsfiddle.net/ZPA5g/ 我将隐藏表单中的链接，输入和图像或我需要的任何元素。阅读两个答案的评论，检查其差异。两者都有效。

如何使用jquery显示基于无线电选择的2个或更多div？: 问题已经解决，但如果你有一个更有效的解决方案，那么欢迎你。我知道之前曾经问过这样的问题，但我无法让这个问题发挥作用。我试图根据无线电选择显示几个div。 HTML是由wptheming option-framework自动生成的，所以我无法改变它。我可以改变的是我试图编写的jQuery函数，没有运气。 [这是我写的代码] [1]来测试我的想法，但它不起作用。我再说一遍，我可以改变jQuery部分，但不能改变HTML。我究竟做错了什么？对于那些不想去jsfiddle的人是代码：这是代码更正： @Zakary Kniebel 或者是基于 @Zakary Kniebel写的’FOR’的’ciclic’版本实际上代码会这样做：如果选择1，则仅显示1个部分，如果选择2，则仅显示2个部分，依此类推。副作用，不需要但很好，在第一次选择后，无论你选择的数字，任何其他将消失，让你专注于单选按钮，如果你不需要这个效果只需放置： //之前这个： $(“.section”).not(“#section-how_many_custom_posts”).hide(); 或者记下选择器以查看不会消失的部分。 HTML Choose how many Custom Posts you would like to generate 0 1 2 3 4 5 It depends on you, how many custom posts would you like? Test first custom […]

我想根据按钮中的文本切换表行filter: Car Bike Type Color Wheels Car Red 4 Motorcycle Green 2 Bike Blue 2 Car Blue 4 Bike Green 2 Motorcycle Red 2 $(function () { $(“#btn”).click(function() { var type = $(this).text(); $(‘td:first-child’).parent(‘tr:not(:contains(‘+type+’))’).toggle(); }); $(“#btn1”).click(function() { var type = $(this).text(); $(‘td:first-child’).parent(‘tr:not(:contains(‘+type+’))’).toggle(); }); }); 添加到：过滤：如何在点击时隐藏/显示（切换）某些表行？基于Itotally提供的解决方案，我基于按钮文本过滤表行。这是最有效的解决方案吗？

在jQuery中选择元素: 在此链接的问题的继续中，我想在test.html中添加一些function 事件触发器是“点击”任何标记。点击之后，我希望特定的消失（这是相当简单的），但我也想要如果隐藏了三个中的一个或两个，那么“隐藏它们”按钮应该“显示”以及“显示它们” 但是如果所有都被隐藏，那么“隐藏它们”也应该隐藏起来当所有都可见时，“Show’em”应该被隐藏。我试着用我对jQuery选择器和选择器文档的知识来解决这个问题，但是没有达到我想要的任何地方。这就是我到目前为止所做的。 $(‘p.*’).live(‘click’, function() { $(this).hide(‘slow’); if( $(‘p’).is(‘:hidden’) ) { $(‘.shower’).show(); } if( $(‘p.*’).is(‘:hidden’) ) { $(‘.hider’).show(); } }); 但是，此代码不会在所有隐藏的极端条件下有选择地切换

制作一个简单的jQuery轮播: 我想制作一个非常简单的jQuery轮播，通过一组控件“后退”进行推进 “前进”，无限循环。似乎所有现成的都有比我想要的function更多的function。我现在的结构看起来像这样。 HTML： Back Forward Lorem ipsum Lorem ipsum Lorem ipsum 堆栈中的第一个是页面加载时的默认值，我想在向前移动时向左移动，在向后移动时向右移动。关于jQuery中这可能是什么样子的任何指针？

使jQuery显示正确的子菜单，如果存在: 这是我在这里发表的第一篇文章，所以我提前为任何糟糕的做法道歉。我一直在寻找，但是还没有找到符合我需求的解决方案 – 也许我只是做错了。但是这里：我正在使用Big Cartel CMS构建一个站点，并且第一次深入研究jQuery。我正在尝试创建一个水平和居中的导航菜单，在适当的位置显示下面的子菜单。我对html和CSS很好，但我正在努力使用jQuery。加价如下： Option 1 Option 1 Link 1 Option 1 Link 2 Option 1 Link 3 Option 1 Link 4 Option 1 Link 5 Option 2 Option 2 Link 1 Option 2 Link 2 Option 2 Link 3 Option 2 Link 4 Option 2 Link 5 […]

使用Jquery根据选定的下拉选项隐藏表单元素: 我的表单有一个下拉菜单，一些文本字段和一个文本区域。如果选择了下拉菜单中的一个选项，我希望表单隐藏文本区域。这是我的代码： Become a member Send us your questions / comments Name: Comments/questions: $(document).ready(function () { $(‘#contact select[name=”select-question”]’).change(function () { if ($(‘#contact select[name=”select-question”]’).val() == ‘question’) { $(‘#comments’).show(); } else { $(‘#comments’).hide(); } }); }); 我还发布了JS小提琴： http ： //jsfiddle.net/7wzUG/5/ 我是JQuery的新手，我不确定为什么这不起作用。谢谢你的帮助。

如何通过单击jQuery中的子按钮来隐藏父元素: 嗨，我有以下HTML代码，我想隐藏div与类editfield和editfieldlink链接，并显示div与类值。我试着遵循它不适合我的jQuery代码。但是如果我像这样的语句隐藏一个父，那就行了。$（this）.closest（’div.editfield’）。parent（）。hide（）; Name ALI ASAD First Name Last Name Save Changes Cancel Edit 而我的Java脚本就像 $(document).ready(function(e) { $(‘#settingseditor .cancelactionsettings’).click(function(event) { event.preventDefault(); $(this).closest(‘div.editfield’).hide(); $(this).closest(‘div.value’).show(); $(this).closest(‘a.editfieldlink’).hide(); }); }）;