Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何找到隐藏元素的内容?_Javascript_Jquery_Css_Jquery Plugins_Gallery - Fatal编程技术网

Javascript 如何找到隐藏元素的内容?

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

我遇到了一个问题,当加载页面时,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');

如果您想知道问题的根本原因,请参见以下几行(位于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 check
hyperlink
。仍然无法看到它在哪里我也搜索了#托盘但未找到。。。当然,你不能用#id搜索id,你只需要搜索“托盘按钮”就可以了。谢谢你的帮助。@太好了,非常值得赞赏。这就解决了它。谢谢你的帮助。@太好了,非常感谢。