Tag: show hide

如何添加AngularJS路由系统

我希望能够从不同的页面链接到此幻灯片的各个部分，并具有与页脚中的链接相同的function。 有人有什么建议吗？ 我尝试了一些解决方案……下面的例子 小提琴 已经建议使用AngularJS，但不知道使用什么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. Quisque […]

显示隐藏基于先前选择下拉列表的选择选项

感谢您阅读我的问题… 😉 我正在构建一个Wordpress网站，该网站使用自定义post和自定义字段来显示车辆库存。 我希望访问者能够按分类法过滤post… 我用于钻取可用分类法（查询多个分类法）的插件将它可以为特定分类法找到的所有选项输出到下拉列表中。 为了防止下拉列表（即模型）变得太长，我想仅显示基于先前选择的那些选项。 因此，当访问者选择Vehicle = Cars时，制造商的下拉列表应仅显示汽车制造商。 当访问者选择一个制造商，即福特时，选择模型的下一个下拉列表应该只显示前一个选定制造商可用的模型，在这种情况下福特…… 标签和0级值不会更改，但是当我添加或更改制造商或型号时，级别1和/或级别2会发生变化。 不是那么重要但是，如果可能的话，在“过滤”下拉列表中删除所有不需要的东西也是很好的。 如果是制造商下拉列表，则不需要等级0和所有空格。 在Model下拉列表的情况下，选择后不需要level-0，level1和所有空格。 以下是插件生成的HTML代码的示例： Vehicle: Cars Motorcycles Manufacturer: Cars    Ford    Chevrolet Motorcycles    Honda    Yamaha Model: Cars    Ford       Model 1       Model 2       Model 3    Chevrolet       Model 1       Model 2       Model 3 Motorcycles    Honda       Model 1       Model 2       Model 3    Yamaha       Model 1       Model 2       Model […]

当特定列行值为null时，JQuery会隐藏行

有下表我如何使用jquery只返回该人有电话号码的行？ Name Phone E-mail John 123456 john@john.com Joe joe@joe.com Phil 654321 phil@phil.com 例如，只有John和Phil才会出现，因为他们只有电话号码。

jQuery显示/隐藏面板，然后将鼠标hover在面板内的内容上

我有一个项目列表，如果项目列表项目hover在上面，我想显示一个相关的面板。 我已经有了它的工作，但问题是，当我使用mouseleave函数时，由于显而易见的原因，一旦我徘徊在链表项目上，我就不能将鼠标hover在面板内的内容上。 我已经在这几天了，并且无法弄清楚需要做什么来保持相关面板打开的逻辑，所以我可以将鼠标hover在它上面并点击其中的更多阅读链接。 我尝试在面板上添加一个关于hover状态的类，但这似乎也没有用。 我的HTML是： Item 1 Item 2 This is panel 1! read more 1… This is panel 2! read more 2… 我的基本jQuery是： $(‘#item-1’).mouseenter(function () { $(‘#panel-1.panel’).toggle(); }); $(‘#item-1’).mouseleave(function () { $(‘#panel-1.panel’).toggle(); }); $(‘#item-2’).mouseenter(function () { $(‘#panel-2.panel’).toggle(); }); $(‘#item-2’).mouseleave(function () { $(‘#panel-2.panel’).toggle(); }); …然后我有一些CSS，其中面板设置为display: none开始。 请注意，如果两个列表项链接都没有hover，那么如果在此之前已打开一个面板，则面板应该消失。 这里的小提琴演示……

一个脚本，当我在任何地方点击它之外时会告诉某些事情令人失望

好的，我在我的网站上进行了表单搜索，点击后将搜索结果加载到显示的隐藏iframe中。 这是iframe： 这是切换它显示状态开/关的按钮： 现在，当上面的iframe显示带有页面内容的div时，网站的导航链接加载消失。 这是div： some content here 现在我有一些问题，因为当我点击左侧的导航时，您无法看到它被加载的div，因为它是隐藏的。 我想要的是以某种方式告诉iframe与搜索结果一旦我点击外面的东西，如链接或空白区域消失，使这个div： some content here 再现。 这是我正在使用的代码： $(document).ready(function() { $(‘.send-button’).click(function() { if ($(‘#frame-content-left2’).is(‘:visible’)) { $(‘#frame-content-left2’).hide(2000); $(‘#myDiv’).show(2000); } else { $(‘#frame-content-left2’).show(2000); $(‘#myDiv’).hide(2000); } }); });

Jquery显示/隐藏在另一个页面中

我有2个html页面 在第1页中有2个链接“link1”和“link2” 在第2页中还有2个链接“link1”和“link2”以及2 ＆ ＆ 正在使用jquery显示/隐藏 我想当用户点击page1中的link1时它将转到第2页并显示div“id = pan1”，当用户点击page1中的link2时，它将转到第2页并显示div“id = pan2”。 这是第1页的html代码 Link 1 Link 2 这是第2页的代码 HTML Link 1 2 div 1 div 2 CSS #pan1, #pan2{ display:none; } jQuery的 $(document).ready(function(){ $(‘#pan1’).show(); $(‘.linkList li:first-child a’).addClass(‘active’); $(‘.linkList li a’).click(function() { var tabDivId = this.hash; $(‘.linkList li a’).removeClass(‘active’); $(this).addClass(‘active’); //console.log(tabDivId); $(‘.switchgroup’).hide(); $(tabDivId).fadeIn(); return false; }); });

jQuery显示/隐藏嵌套的div

我有一个尴尬的问题我无法解决。 我有一个嵌套的div，我想在用户点击链接时显示/隐藏它。 所有的div都是一次性的。 我无法将ID分配给我的div，所以我需要在课程中进行。 Show more Some title Some text Some title Some text Some title Some text ​ 这是我的html结构的小提琴。 http://jsfiddle.net/56jdL/1/ 谢谢！

jquery显示和隐藏图像不起作用

我有一个代码到我的一个页面。 当有人点击单选按钮时，它应该淡入，保持和淡出图像。 此外，使用ajax更新数据库。 $(“#rad”).click(function() { $(“#success”).fadeIn(500); $(“#success”).delay(1000); $(“#success”).fadeOut(1000); }) 我删除了ajax部分以避免混淆。 这是我用过的jsFiddle。 http://jsfiddle.net/c7ajb/1/可能是什么错误？

隐藏或显示特定的DIV

我有两个DIV。 一个有一个列表，另一个有DIV的集合。 One Two Three Some content one Some content two Some content three 当我点击超链接’One’时，我想显示第一个DIV（一些内容一个）并隐藏所有其他DIV。 当我点击超链接’Two’时，我想要显示第二个DIV（一些内容两个）并隐藏所有其他内容。 如何使用jQuery中的数组实现此目的？ 任何其他方法也没关系。 谢谢你的时间。

在刷新时显示隐藏的div

我正在努力弄清楚如何使我的代码正常运行。 我目前有一个div在加载时隐藏，一旦从dropbox中做出选择就会更改。 从保管箱中选择（美国）后，将显示隐藏的div，并且用户将继续填写表单。 当用户保存表单时，我的问题就出现了，然后回到那个页面 – > div不再可见（我相信这是因为它的固有显示值设置为“none;”）。 用户必须再次从下拉列表（美国）中选择适当的值才能查看div。 我想知道如果在Dropbox中正确的值，我可以在页面刷新时使div可见。 我在HAML编程，所有选项值（美国，国际）都位于constants.rb文件中。 我相信这可以通过cookie（我希望尽可能避免）或者通过页面加载时的某种jscript / jqueryvalidation来实现…不幸的是我对这些事情都不熟悉，所以我请求任何帮助。 我真诚地感谢您抽出宝贵时间帮助我。 谢谢！ HAML代码： = f.select :location, LOCATIONS, {}, :onChange => “showStates(this)”, :prompt => true #states_div{:style => “display:none;”} %div{:class => “label_leftalign field”} = f.label :state, “State” = f.select :state, STATES, :prompt => true 使用Javascript： function showStates（obj） { if(obj[obj.selectedIndex].value == ‘United States’) { document.getElementById(‘states_div’).style.display […]