我如何让我的幻灯片显示在我的主页上?

时间:2011-08-11 23:05:40

标签: jquery css html5 css3

我的每个页面上都隐藏了我的幻灯片,但是我想在主页上看到它如何使用jquery执行此操作?这是一个现场演示http://epecho.com/tst/index.html

2 个答案:

答案 0 :(得分:1)

以下是显示/隐藏页面上幻灯片的JavaScript:

$(".toggleButton").click(function() {
    $("div#sliderSection").slideToggle("slow");
    $(".toggleButton").toggle();
});

使用 window.location.href (由Andreas建议)功能,您应该执行以下操作:

if(window.location.href==url){
    $('div#sliderSection').slideToggle('slow');
    $('.toggleButton').toggle();
}

我建议进行以下额外修改:

  1. 重构代码以显示/隐藏到函数中,并在上述两个函数中调用它。
  2. 考虑网址比较的边缘情况。以下网址'\ index.html','\ Index.html','\'都应匹配。
  3. 希望这有帮助。

    鲍勃

答案 1 :(得分:0)

如何检查location.href是否为主屏幕网址?

if ( location.href == "http://epecho.com/tst/index.html" ) {
    $('SLIDE_DECK').show();
}

我不知道这是否只是你需要的?

相关问题