Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.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使文本从html滑入_Javascript_Html_Debugging - Fatal编程技术网

Javascript使文本从html滑入

Javascript使文本从html滑入,javascript,html,debugging,Javascript,Html,Debugging,我试图在网页上制作一个有效的文本幻灯片。我正在使用javascript slidesjs库,因为它似乎是最合适的。但是,我不能让它在被网络点击触发时工作 我有一个运行在以下位置的实时示例: 请注意,当您单击“转到”链接时,不会发生任何事情 基本代码如下,页面似乎应该自动放置锚以触发幻灯片。我不能让它工作,也不知道如何调试它 $(function(){ // Set starting slide to 1 var startSlide = 1; // Get slide n

我试图在网页上制作一个有效的文本幻灯片。我正在使用javascript slidesjs库,因为它似乎是最合适的。但是,我不能让它在被网络点击触发时工作

我有一个运行在以下位置的实时示例: 请注意,当您单击“转到”链接时,不会发生任何事情

基本代码如下,页面似乎应该自动放置锚以触发幻灯片。我不能让它工作,也不知道如何调试它

$(function(){
    // Set starting slide to 1
    var startSlide = 1;
    // Get slide number if it exists
    if (window.location.hash) {
       startSlide = window.location.hash.replace('#','');
    }
    // Initialize Slides
    $('#slides').slides({
            preload: true,
            preloadImage: 'img/loading.gif',
            generatePagination: true,
            //play: 5000,
            //pause: 2500,
            hoverPause: true,
            // Get the starting slide
            start: startSlide,
            animationComplete: function(current){
                    // Set the slide number as a hash
                    window.location.hash = '#' + current;
            }
    });
});
有人看到这里出了什么问题吗? 调试此问题的最佳方法是什么? 有没有更好的方法或图书馆,我应该使用?
任何建议都将不胜感激。谢谢

您没有遵循slidesjs.com中的示例。请参阅基本HTML结构。您只在slides\u container div中放置了一个元素,并为其指定了各种奇怪的绝对位置,这当然不适用于动画代码


首先复制粘贴示例,然后开始添加您自己关于样式的调整。

我回到slidejs.com上的示例并使用了他们的示例。现在,转到链接可以在幻灯片中工作,但不能在菜单中工作。这是wierd,因为两个链接相同:。你知道为什么幻灯片链接有效而菜单链接无效吗?或者如何修复菜单链接?请参阅更新的示例,我放弃了sliderjs库,并使其与prototype.js库一起工作。我不能让很酷的幻灯片在工作的东西,但正确的文本显示在最后。