Javascript 如何找到隐藏元素的内容?
我遇到了一个问题,当加载页面时,div元素被隐藏。Chrome中的开发者工具告诉我“element.style”设置为“display:none” 我的css中没有任何地方可以显示“无”。我在相关的javascript文件中都找不到任何隐藏元素的内容 我完全不明白为什么它是隐藏的 我正在使用的jquery插件称为Supersized 编辑: 请随意查看我正在处理的页面: 如果检查html,则隐藏的元素位于该层次结构的末尾:body->div“controls wrapper”->div“controls”->div“tray button” “#托盘按钮”是显示的内容:不知何故,没有任何附加到它上。或者通过jquery这样: $('#tray-button').removeAttr('style'); $(“#托盘按钮”).removeAttr('style'); 或者通过jquery这样: $('#tray-button').removeAttr('style'); $(“#托盘按钮”).removeAttr('style');Javascript 如何找到隐藏元素的内容?,javascript,jquery,css,jquery-plugins,gallery,Javascript,Jquery,Css,Jquery Plugins,Gallery,我遇到了一个问题,当加载页面时,div元素被隐藏。Chrome中的开发者工具告诉我“element.style”设置为“display:none” 我的css中没有任何地方可以显示“无”。我在相关的javascript文件中都找不到任何隐藏元素的内容 我完全不明白为什么它是隐藏的 我正在使用的jquery插件称为Supersized 编辑: 请随意查看我正在处理的页面: 如果检查html,则隐藏的元素位于该层次结构的末尾:body->div“controls wrapper”->div“cont
如果您想知道问题的根本原因,请参见以下几行(位于supersized3.shutter.js中): 它试图使用,但不幸的是,该版本的toggle函数在JQuery 1.8中被弃用,并在1.9中被删除(您使用的是1.9)。所以实际发生的是调用函数,它只是切换div是否隐藏或显示 您可以选择降级到JQuery 1.8或更低版本,或者重写依赖于旧的基于事件的切换函数的插件部分 希望这有帮助 编辑:我已经在下面的代码中重写了插件的上述部分以与1.9兼容,请让我知道这是否有效,我还没有测试:
$(vars.tray_button).on('click',function(){
var self=$(this)
self.data('toggle',!self.data('toggle'))
if(self.data('toggle')) {
$(vars.thumb_tray).stop().animate({bottom : 0, avoidTransforms : true}, 300 );
if ($(vars.tray_arrow).attr('src')) $(vars.tray_arrow).attr("src", vars.image_path + "button-tray-down.png");
} else {
$(vars.thumb_tray).stop().animate({bottom : -$(vars.thumb_tray).height(), avoidTransforms : true}, 300 );
if ($(vars.tray_arrow).attr('src')) $(vars.tray_arrow).attr("src", vars.image_path + "button-tray-up.png");
}
return false;
});
如果您想知道问题的根本原因,请参阅以下几行(位于supersized3.shutter.js中): 它试图使用,但不幸的是,该版本的toggle函数在JQuery 1.8中被弃用,并在1.9中被删除(您使用的是1.9)。所以实际发生的是调用函数,它只是切换div是否隐藏或显示 您可以选择降级到JQuery 1.8或更低版本,或者重写依赖于旧的基于事件的切换函数的插件部分 希望这有帮助 编辑:我已经在下面的代码中重写了插件的上述部分以与1.9兼容,请让我知道这是否有效,我还没有测试:
$(vars.tray_button).on('click',function(){
var self=$(this)
self.data('toggle',!self.data('toggle'))
if(self.data('toggle')) {
$(vars.thumb_tray).stop().animate({bottom : 0, avoidTransforms : true}, 300 );
if ($(vars.tray_arrow).attr('src')) $(vars.tray_arrow).attr("src", vars.image_path + "button-tray-down.png");
} else {
$(vars.thumb_tray).stop().animate({bottom : -$(vars.thumb_tray).height(), avoidTransforms : true}, 300 );
if ($(vars.tray_arrow).attr('src')) $(vars.tray_arrow).attr("src", vars.image_path + "button-tray-up.png");
}
return false;
});
我没有看到#托盘按钮……@C-Link check
hyperlink
。仍然看不到它在哪里。我也搜索了#托盘,但没有找到。。。当然,您无法使用#id搜索id您只能搜索“托盘按钮”我没有看到#托盘按钮……@C-Link checkhyperlink
。仍然无法看到它在哪里我也搜索了#托盘但未找到。。。当然,你不能用#id搜索id,你只需要搜索“托盘按钮”就可以了。谢谢你的帮助。@太好了,非常值得赞赏。这就解决了它。谢谢你的帮助。@太好了,非常感谢。