我一直在尝试使用 jquery 滑块插件将 jQuery UI 选项卡添加到页面。它在 Firefox 中看起来不错,但在其他所有浏览器中滑块都不起作用。此外,滑块仅适用于 ff 的多个 jQuery 实例(我知道这很糟糕)。另外,我在标签中运行谷歌提要控制。相关代码贴在下面。您还可以在http://bit.ly/M0xIMM和滑块 js 处查看页面:http: //bit.ly/KAe8Mf任何帮助将不胜感激,谢谢!
在头上:
<script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.7.custom.min.js"></script>
<script type="text/javascript">
$(function() {
var $tabs = $('#tabs').tabs();
$(".ui-tabs-panel").each(function(i){
var totalSize = $(".ui-tabs-panel").size() - 1;
if (i != totalSize) {
next = i + 2;
$(this).append("");
}
if (i != 0) {
prev = i;
$(this).append("");
}
});
});
</script>
在身体里:
<script type="text/javascript" src="/templates/rhuk_milkyway/js/jquery-1.3.2.min.js"> </script>
<script type="text/javascript" src="/modules/mod_ds_banner_slide/mod_ds_banner_slide/mbScrollable.js"></script>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {
jQuery("#dsbs_Homebanner").mbScrollable({
width: 950,
elementsInPage: 1,
elementMargin: 4,
height: 175,
controls: "#dsbs_Homebannercontrols",
slideTimer: 600,
autoscroll: true,
scrollTimer: 6000 });
});
</script>