Tag: 可见性

jQuery BootGrid – 隐藏列

使用BootGrid,您可以在列定义中使用data-visible =“false”隐藏列。 这会产生一个问题,即它不是仅仅隐藏列,而是将其从DOM中删除。 列 (前两个不显示) ID User Title Description Expire Commands 问题 ID和用户设置为data-visible =“False”,其值无法访问。 使用data-visible =“false”似乎使这些字段完全不存在。 我需要能够访问这些值。

如何使用jQuery更改项目的可见性?

我的应用程序要求用户上传一组必需的文档(上传#1,上传#2,上传#3)。 上载完成后,将返回需求标识符(req_id)。 该页面显示要求列表,并且当上传特定项目时,当前将该类从“缺失”更改为“完成”。 但是,我也想在上传完成后将“删除”图标的可见性从隐藏更改为可见。 HTML: Upload #1 <img src="http://sofzh.miximages.com/jquery/download.png" class="download" > <img src="http://sofzh.miximages.com/jquery/trash.png" class="delete" > Upload #2 <img src="http://sofzh.miximages.com/jquery/download.png" class="download" > <img src="http://sofzh.miximages.com/jquery/trash.png" class="delete" > Upload #3 <img src="http://sofzh.miximages.com/jquery/download.png" class="download" > <img src="http://sofzh.miximages.com/jquery/trash.png" class="delete" > 使用Javascript: function stopUpload(success, req_id){ if (success == 1){ $(‘#upload_result’).html(‘Success!’); $(“ul li[rel=” + req_id + “]”).removeClass().addClass(‘complete’) $(“ul li[rel=” + req_id + […]

使用jquery隐藏带有空白src的图像

我在页面上有4个子图像,它们从数据库中获取src属性。 他们都有一个class =“subImage”。 当没有数据库条目时,我想隐藏元素而不是像我现在拥有的链接断开。 我试过jQuery: $(document).ready(function() { $(‘.subImage[src^=””]’).css(‘visibility:hidden’); }); 我离开了吗? 谢谢。

不要让IE选择并复制使用jQuery隐藏的表行.hide()

我在数据表的顶部有一个jQuery即时搜索栏。 匹配搜索条件的所有记录都将显示$(row).show() ; 其余的都是隐藏的$(row).hide() 。 问题: 搜索后,我使用鼠标从搜索结果中选择/复制行列表并将其粘贴到Excel中。 “隐藏”记录也会被粘贴。 我试过了: $(row).css(‘visibility’,’collapse’); 而不是hide() – 在IE中不起作用(行不崩溃) 如何在IE中获得“可见性:崩溃”工作? 或者这个问题有不同的解决方法吗?

使用jquery更改嵌套内容的div的可见性,onclick

我有一个链接列表。 单击其中一个链接时,我想更改与其关联的div的可见性。 我的html如下所示: Link 1 Link 2 Link 3 Link 4 Content Here Content Here Content Here Content Here 我尝试使用我在这里找到的示例: 如何在鼠标hover时交换DIV? (jquery?)但由于嵌套的div而失败。 有关如何以某种方式使用此方法的任何想法,包含其他div的给定div中的所有内容都会在点击时显示? 我还想在第一次打开页面时将第一个div保持在活动状态…更改所选择的li的活动外观……但我还没有尝试解决这个问题。 任何输入都表示赞赏。 谢谢! 谢谢!

使用jQuery选择具有“visibility:visible”或“visibility:hidden”样式的项目NOT“display:none”

你如何使用jQuery仅选择可见元素? jQuery选择器:可见和:隐藏只尊重显示:无实时隐藏? NOT visibility:hidden或visibility:visible。 我知道他们在技术上并不隐藏, 因为他们仍然占据了他们的空间 。 我只是想知道他们的状态,所以我可以查看可见的复选框。 jQuery :visiblity Selector Test $(document).ready(function() { $(“#VisibleCount”).text($(“input[type=checkbox]:visible”).length); //returns 3. I think it should be 2 $(“#HiddenCount”).text($(“input[type=checkbox]:hidden”).length); //returns 1. I think it should be 2 }); #TestArea { border: solid red 1px; } #Results { background-color: Lime; } .container { border: solid black 1px; } visibility: hidden; visibility: […]

JQuery Visible Show

我有以下代码: $(‘#loading’).css(“visibility”, “visible”); $(‘#loading’).show(); 由于某些原因我使用CSS时不知道它的工作原理! 但是当我使用.show(); 这是行不通的。 请帮忙。 我是JQuery的新手。 谢谢。 编辑: 试过这个: 然后: $(‘#loading’).hide(); 仍然没有出于某种原因! 编辑:奇怪的是它适用于所有其他DIV!

toggleClass可以在Safari中使用吗? (JQuery的)

我还没有找到一个问题的解决方案,我正面临一个使用.toggleClass()来切换元素可见性的脚本。 下面的示例目前将.show类#pgnav到Firefox和Chrome中的#pgnav ,但出于某种原因,该操作根本不适用于Safari。 请查看下面的代码段以获得进一步的参考: $(document).ready(function() { var $window = $(window); var div2 = $(‘#pgnav’); var div1 = $(‘#container2’); $window.on(‘scroll’, function() { var scrollTop = document.documentElement.scrollTop; var viewport_height = $window.height(); var scrollTop_bottom = scrollTop + viewport_height; var window_top_to_div2 = ($window.height() – div2.height()) / 2; var div1_top = div1.offset().top; var div1_height = div1.height(); var div1_bottom = div1_top […]

检查是否隐藏了所有子元素

我的脚本有点困在这里: 它是一个复选框,用于过滤所有.notme图像并隐藏它的列表项。 问题是现在我无法获得fadeToggle的工作回调函数。 它应该像这样: 如果#list-team-single-container所有孩子都“没有显示” – 做点什么。 $(‘#show-only-my-teams’).change(function(){ $(‘.notme’).each(function(){ $(this).parent().parent().fadeToggle(‘fast’, function(){ }); }); });