javascript - 无法在身体负荷上显示 div

Question

这是我在jsfiddle Demo 中发布的代码。

正如您在单击

• 海得拉巴。
• 维沙卡帕特南。

然后显示一个水平图像滑块（您可以通过图片滑动）

现在我的要求是我还需要在身体负荷本身上显示图像滑块

我曾尝试使用 bodyonload函数来显示 div 以及在 Jqueryready函数中，并通过在 javascript 中注释所有hide()函数，但它们都没有真正起作用。

谁能告诉我这样做的方法是什么。

Answer 1

我刚刚测试了它..首先我认为你应该这样做：

jQuery(document).ready(function() {
    $fp_galleries.first().click();
});

但糟糕的是，这只会显示第一张图像而不是所有图像。

我不知道为什么，但看起来你应该这样做。

$(window).load(function() {
    /* your code */
    $fp_galleries.first().click();
});

也许是因为您需要等到图像加载完毕。

Answer 2

也许使用准备调用函数的文档：http: //api.jquery.com/ready/

$(document).ready(function() {
  openGallery(galleryname){
})

;

Answer 3

问题不在于它被隐藏，而在于内容仅在用户单击您的链接之一时由 som javascript 生成。

你可以添加类似的东西

$("li",$fp_galleries).first().click()

在脚本的底部。

这将触发其中一个链接的点击事件。