Tag: 隐藏

确定CSS属性是否是某个值?

只是想知道如何确定这样的jQuery语句 if( $(“#test”).css(‘display’, ‘block’) == true) { return true; } 基本上,我希望能够通过“display:block”属性确定当前正在显示或隐藏元素的IF?

复选框显示隐藏字段 – 不工作onload

如果选中复选框,我正在使用这个可能难看的javascript来显示文本框(在li标签及其标签中)。 $(“#li-2-21”).css(“display”,”none”); $(“#Languages-spoken-and-understood-8”).click(function(){ if ($(“#Languages-spoken-and-understood-8”).is(“:checked”)) { $(“#li-2-21”).show(“fast”); } else { $(“#li-2-21”).hide(“fast”); } }); 这工作正常但如果加载页面并且已经选中复选框则不起作用,因为#li-2-21会自动隐藏。 我是否需要创建一个读取复选框状态的函数? 或者有更简单的方法吗? 哦,也可以随意缩短那些丑陋的代码,我想有一个更短的方法来实现我的目标? 非常感谢你的帮助!

jQuery显示/隐藏

我可以使用jquery在另一个页面上显示/隐藏特定的 div吗? 即我有Content.aspx,显示我们提供的不同计划的内容。 在detail.asp我有一个更详细的页面,有独特的div。 detailed content here for product A. detailed content here for product B. 我不希望显示隐藏框滚动显示页面的其余部分详细内容…如果这一切都有意义…

如果子跨度为空,则隐藏单元格内容

有一个表’OfficeInfo’,有两行,每行2个单元格。 每个单元格都有Office信息,如姓名,地址,电话和方向链接。 我需要隐藏方向链接(基于地址值的谷歌地图链接)或隐藏整个单元格,如果其他信息,如名称,地址,电话等是空白的..小时说其他一切都是空的,隐藏’地图和方向’链接以及整个单元格…如何在Jquery中做? Munster Women's Center 1111 North Ronald Reagan Pkwy,  Avon,IN 46123 (317) 342-1254 map & directions> MTW: 9:00 AM- 5:00 PM map and directions Office3 Office4

jquery显示/隐藏div点击?

我正在尝试使用jquery来显示和隐藏div onclick,虽然我没有收到任何错误,但它也没有显示或隐藏任何内容。 **编辑 – 更新** $(document).ready(function() { $(“#nav-inner a”).click(function() { var type = $(this).attr(“class”); $(“div.v1 > div”).not(“.” + type).stop().hide().end().filter(“.” + type).stop().show(); return false; }); }); 这是jquery: $(document).ready(function() { if($(“#nav-inner”)) { $(“#nav-inner ul li a”).click(function(evt) { var type = $(this).attr(“class”); var rowcount = 0; $(‘div.v1 .vc’).each(function(idx,el) { if(type == ‘typea’) { if($(el).hasClass(‘typea’)) { $(el).show(); } else […]

jQuery基于select选项保持show hide状态

我有下拉选择并显示隐藏其他字段(在div内)基于下拉列表中选择的选项。 此代码工作正常,并根据选择显示隐藏,但当我加载页面时,所有字段都可见。 其他的事情是,例如,如果我想显示字段,如果选择了选项2并将选项保存到数据库,并且当重新加载页面时,它不会根据所选的选项保存显示隐藏状态。 HTML Select Layout Type layout_type1 layout_type2 layout_type3 layout_type4 layout_type5 layout_type6 layout_type7 layout_type8 jQuery的 $(‘#row1_layout_options’).change(function() { $(‘#row1_col1_layout_type1, #row1_col1_layout_type2, #row1_col1_layout_type3’).hide(); $(‘#row1_col1_’ + $(this).val()).show(); }); 那么如何编写脚本,其中所有字段都隐藏在页面加载上,但它将根据所选选项保持显示隐藏状态。

使用JQuery中的锚点链接到当前页面和其他页面中的特定(隐藏)选项卡?

我已经在这个网站上检查了多个答案,但由于某种原因他们无法解决我的问题( 如何在JQuery中使用锚标签从其他页面中选择特定的选项卡?? )。 我只在我的本地计算机上测试这个,所以我不确定这是否会产生影响。 我想链接到当前页面以及其他页面中的每个选项卡。 现在我可以单击每个选项卡,它可以正常工作,站点URL也会更改(#tab1,#tab2等)。 但是,例如,如果我单击选项卡1链接(不是实际选项卡,但页面上的目标是选项卡1的链接),而选项卡2可见,则没有任何反应,但URL更改为/site.html#tab1 。 但是,如果我在选项卡1可见时单击选项卡1链接,它会成功将我带到选项卡1.出现问题,因为选项卡已隐藏 – 链接仅适用于当前可见的选项卡。 我想如果我至少可以在页面内工作,我也可以从页面外的链接开始工作。 基本上,我希望能够向某人发送指向/site.html#tab3的链接并将其转到该选项卡。 我的代码: $(document).ready(function() { //Default Action $(“.tab_content”).hide(); //Hide all content $(“ul.tabs li:first”).addClass(“active”).show(); //Activate first tab $(“.tab_content:first”).show(); //Show first tab content //On Click Event $(“ul.tabs li”).click(function() { $(“ul.tabs li”).removeClass(“active”); //Remove any “active” class $(this).addClass(“active”); //Add “active” class to selected tab $(“.tab_content”).hide(); //Hide all tab […]

elevateZoom禁用隐藏的元素

我正在使用elevateZoom.js作为预览图像。 我在滑块中隐藏了元素的问题。 如何在hover时禁用预览溢出隐藏的图片。 在此示例中 ,一切正常,但如果您将鼠标hover在滑块的右侧,您将看到隐藏图片的预览。 是否可以禁用此function? 代码是: $(document).ready(function() { $(‘#next’).click(function(event) { event.preventDefault(); $(‘#long-box’).animate({scrollLeft:’+=706′}, ‘slow’); }); $(‘#prev’).click(function(event) { event.preventDefault(); $(‘#long-box’).animate({scrollLeft:’-=706′}, ‘slow’); }); }); $(document).ready(function() { $(‘#sliding-windows’).find(“img”).elevateZoom({ zoomType: “lens”, cursor: “crosshair”, zoomWindowFadeIn: 500, zoomWindowFadeOut: 750 }); }); CSS是: #long-box { width: 702px; margin: 16px auto 50px auto; position: relative; overflow: hidden; } #long-box-wrapper { position: relative; width: […]

Jquery获得隐藏元素的高度

我试图得到一个元素的高度值列表,但它返回0。 我做了一些研究,发现为了获得元素的高度,该元素必须是可见的。 但是当它被隐藏时我想检查它的高度。 如果它的高度大于某个值,则使用某些函数然后使其可见。 有没有办法做到这一点? 我的意思是: 检查隐藏元素的高度。 如果它具有OK值,则使其可见。 如果没有所需的值,请执行一些function。 让它可见。

jQuery如何隐藏DIV,它们在页面加载时显示为分秒

我已经制作了一个非常快速的jquery幻灯片,我正在使用它来隐藏DIV,它们不应该显示,直到轮到他们了: $(document).ready(function() { //Hide All Div’s Apart From First $(‘div#gall2’).hide(); $(‘div#gall3’).hide(); $(‘div#gall4’).hide(); 但是在加载页面时,您可以在隐藏之前看到DIV的gall2 gall3和gall4瞬间。 可以在我的CSS里面添加: #gall2, #gall3, #gall4{ display:none;} 这样可以解决它们瞬间出现的问题,只想知道它是否可以接受 谢谢。