Php Jquery,Sequence.js。插件未启动,没有可见错误
我能想到的唯一一件事是,我在页面末尾插入javascript,而不是在head标记中,但这以前从来都不是问题 以下HTML:Php Jquery,Sequence.js。插件未启动,没有可见错误,php,jquery,Php,Jquery,我能想到的唯一一件事是,我在页面末尾插入javascript,而不是在head标记中,但这以前从来都不是问题 以下HTML: <div id="sequence"> <ul> <li class="animate-in"> <div class="frame f1"> <a href="/projects/3"> &l
<div id="sequence">
<ul>
<li class="animate-in">
<div class="frame f1">
<a href="/projects/3">
<img src="../../assets/projects/02.jpg"/>
</a>
<div class="project_info">
<h1>Landscape Design & Build</h1>
<h2>Private Villa - Muharraq</h2>
</div>
</div>
</li>
<li>
<div class="frame f2">
<a href="/projects/2">
<img src="../../assets/projects/03.jpg"/>
</a>
<div class="project_info">
<h1>Landscape Design </h1>
<h2>Private Villa - Saar</h2>
</div>
</div>
</li>
<li>
<div class="frame f3">
<a href="/projects/1">
<img src="../../assets/projects/01.jpg"/>
</a>
<div class="project_info">
<h1>Landscape Design & Build</h1>
<h2>Private Villa - Riffa</h2>
</div>
</div>
</li>
</ul>
</div>
我开始这样的序列:
$(document).ready(function() {
// slider
var options = {
autoPlay: true,
autoPlayDelay: 3000
};
$("#sequence").sequence(options).data("sequence");
});
你试过使用不同的网络浏览器吗?我在使用Chrome时也遇到了同样的问题。来自: v0.9 19/3/2013 顶层
现在必须被赋予类.sequence canvas
,序列才能工作
确保您正在加载序列,jsI am。。firebug或其他任何地方都没有错误。当我尝试初始化序列时,如果没有加载.js,我至少会得到一个错误,对吗?是的。。。说序列未定义…:)确切地没有错误。所以,不是这样。Sequence.js就在那里。如果调用或未尝试,您可以在document.ready和se中发出警报IE、Firefox、Safari、Chrome和Opera。我都有,我都查过了。能给我们提供文件吗?我认为让php自动加载这些行是一件棘手的事情。但我不确定,不确定。。我只是在替换一个{js}用一个可以遍历js文件列表的函数标记..我将在OP中发布函数和数组..但是如果你想要这些文件,请记住,它们都位于我正在开发的一个刚刚起步的php框架上。给我几分钟时间压缩并将其联机。如果你尝试在标题中加载脚本会怎么样?尝试过了..问题w已解决..这是UL标签和要去那里的类。谢谢你的帮助。你会认为这会出现在网站上的文档中…不管怎样..我添加了它..仍然不起作用,所以不是那样..我更新了OP以反映。它确实为我修复了一部分…3秒钟后,第二个图像显示出来,你可以导航用箭头键点击te。你输入的不是DOTsequence canvas- ,而是DOTsequence canvas
- 。你不应该去掉这个点吗?fml..我真的半睡了。是的。这个点。谢谢。它正在移动..这是一个漫长的夜晚..如果你是从G+来的,请给我留言讨论你的赏金。
#sequence {
/*visibility: hidden;*/
position: relative; /* required */
width: 830px;
height: 320px;
margin: 10px auto;
overflow: hidden;
}
#sequence > ul li > * {
position: absolute; /* required */
}
#sequence > ul > li {
position: absolute; /* required */
width: 100%; /* required */
height: 100%;
z-index: 1; /* required */
}
#sequence .frame {
background: #CCCCCC;
}
#sequence .f1 {
left: -1000px;
-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
-ms-transition-duration: 1s;
transition-duration: 1s;
}
$(document).ready(function() {
// slider
var options = {
autoPlay: true,
autoPlayDelay: 3000
};
$("#sequence").sequence(options).data("sequence");
});