Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.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 Lightbox2未在线显示_Javascript_Jquery_Lightbox2 - Fatal编程技术网

Javascript Lightbox2未在线显示

Javascript Lightbox2未在线显示,javascript,jquery,lightbox2,Javascript,Jquery,Lightbox2,我试图在页面中使用Lightbox2图像库(),但没有显示任何内容。我确信这与javascript排序或其他有关,我已经添加并链接了所有需要的文件,但仍然没有显示任何内容。您可以在第二个选项卡的辅助导航栏上看到位置,当前只有标题“第2页”。 谢谢 实际上,这个问题是由“tabs\u old.js”文件引起的 在第17-21行中,它有: //hide two tab contents we don't need var pages = tabcon.getElementsByTagName("di

我试图在页面中使用Lightbox2图像库(),但没有显示任何内容。我确信这与javascript排序或其他有关,我已经添加并链接了所有需要的文件,但仍然没有显示任何内容。您可以在第二个选项卡的辅助导航栏上看到位置,当前只有标题“第2页”。
谢谢

实际上,这个问题是由“tabs\u old.js”文件引起的

在第17-21行中,它有:

//hide two tab contents we don't need
var pages = tabcon.getElementsByTagName("div");
  for (var i = 1; i < pages.length; i++) {
  pages.item(i).style.display="none";
};
//隐藏两个我们不需要的选项卡内容
var pages=tabcon.getElementsByTagName(“div”);
对于(变量i=1;i
这些代码将所有div隐藏在第二个选项卡(第2页)中。当在Firebug中删除此类样式时(在第2页的每个DIV中删除style=“display:none;”),可以成功地看到灯箱效果


因此,您应该修改或删除上面的行,以使您的内容正确显示在页面上。换句话说,应该只有第一级选项卡div具有“display:none”;而不是所有div。否则,即使您设置了“display:block”,它也只会显示具有指定类的DIV,而不包括其首先隐藏的子DIV。

实际上,这个问题是由“tabs\u old.js”文件引起的

在第17-21行中,它有:

//hide two tab contents we don't need
var pages = tabcon.getElementsByTagName("div");
  for (var i = 1; i < pages.length; i++) {
  pages.item(i).style.display="none";
};
//隐藏两个我们不需要的选项卡内容
var pages=tabcon.getElementsByTagName(“div”);
对于(变量i=1;i
这些代码将所有div隐藏在第二个选项卡(第2页)中。当在Firebug中删除此类样式时(在第2页的每个DIV中删除style=“display:none;”),可以成功地看到灯箱效果


因此,您应该修改或删除上面的行,以使您的内容正确显示在页面上。换句话说,应该只有第一级选项卡div具有“display:none”;而不是所有div。否则,即使设置了“display:block”,它也只会显示指定类的DIV,而不包括其隐藏在第一个位置的子DIV。

非常感谢,但我很难做到这一点,所以我删除了“tabs\u old.js”中的那些行,然后重新加载页面,所有内容都显示在第一个默认选项卡上,切换选项卡时,会显示正确的内容,但仍然。。。在实际的html中,我甚至没有在第2页的那些div上显示“display:none”,它只在firebug中显示了这种方式,所以是的,我真的不知道我该怎么做,我显然不明白你所说的一切。比如,我应该怎么做?嗨,你不需要用javascript隐藏tab页面的所有div和子div。首先,删除上面的那些行。其次,使用普通CSS隐藏所有选项卡页面。例如,您将:.tabpage{display:none;}放在CSS文件中。这将通过CSS隐藏所有选项卡页面。通过这种方式,您将使选项卡页面正常工作。非常感谢,好的,所以我删除了javascript中的这些行,创建了“tabpage{display:none;}”,总体来说,它工作正常,但有一件事-当我第一次加载页面时,它不显示任何内容,第一个选项卡处于选中模式,但选项卡的内容只有在我实际单击它时才会出现。您知道如何在页面加载时自动显示第一个选项卡的内容吗?很高兴您的选项卡页面开始工作。以上内容将首先隐藏所有选项卡,这是正确的。您有一些方法可以显示第一个选项卡。1.使用CSS:您可以在第一个选项卡的DIV html标记中添加style=“display:block;”。(内联CSS将覆盖普通CSS,因此页面加载时将显示第一个选项卡页面。)。使用JS:jQuery('#tabpage_1').css('display','block');或者jQuery('.tabpage').first().css('display','block');当页面加载时,两者都会显示第一个选项卡。我认为CSS的方式会有更好的性能。非常感谢,但我真的很难做到这一点,所以我删除了“tabs_old.js”中的那些行,然后重新加载页面,所有内容都显示在第一个默认选项卡上,切换选项卡时会显示正确的内容,但仍然。。。在实际的html中,我甚至没有在第2页的那些div上显示“display:none”,它只在firebug中显示了这种方式,所以是的,我真的不知道我该怎么做,我显然不明白你所说的一切。比如,我应该怎么做?嗨,你不需要用javascript隐藏tab页面的所有div和子div。首先,删除上面的那些行。其次,使用普通CSS隐藏所有选项卡页面。例如,您将:.tabpage{display:none;}放在CSS文件中。这将通过CSS隐藏所有选项卡页面。通过这种方式,您将使选项卡页面正常工作。非常感谢,好的,所以我删除了javascript中的这些行,创建了“tabpage{display:none;}”,总体来说,它工作正常,但有一件事-当我第一次加载页面时,它不显示任何内容,第一个选项卡处于选中模式,但选项卡的内容只有在我实际单击它时才会出现。您知道如何在页面加载时自动显示第一个选项卡的内容吗?很高兴您的选项卡页面开始工作。以上内容将首先隐藏所有选项卡,这是正确的。您有一些方法可以显示第一个选项卡。1.使用CSS:您可以在第一个选项卡的DIV html标记中添加style=“display:block;”。(内联CSS将覆盖普通CSS,因此页面加载时将显示第一个选项卡页面。)。使用JS:jQuery('#tabpage_1').css('display','block');或者jQuery('.tabpage').first().css('display','block');当页面加载时,两者都会显示第一个选项卡。我认为CSS方式会有更好的性能。