jquery スライダー プラグインを使用して、jQuery UI タブをページに追加しようとしています。Firefox では問題ないように見えますが、他のすべてのブラウザーではスライダーが機能しません。また、スライダーは jQuery の複数のインスタンスを持つ ff でのみ機能します (これは悪いことだとわかっています)。また、タブで Google フィード コントロールを実行しています。関連するコードを以下に貼り付けます。また、 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>