私はjQueryのに非常に新しいですので、私はこのtutorialに従うことをしようとしたが、後で自分自身にそれを調整しようとしました。しかし、私はあまり成功していません。 まず、同じスライダーを同じページに複数回表示します。最初のスライダは正しく動作しますが、他のスライダは動作しません。 スクロールすると少しだけ続きますので、画像の代わりに背景を表示します。あなたがしたい場合は、サイトではなく、ここにit's 生きるSEに、私はその場合は、CSSの問題を知らない:SjQueryのスライダー問題
HERESにhtmlコード:
div id="sliderTab1">
<div class="scroll-pane">
<div class="scroll-content">
<?php include("designRetouch.php")?>
</div>
<div class="scroll-bar-wrap">
<div class="scroll-bar"></div>
</div>
</div>
</div>
と3回以上。
HERESにjQueryのスライダースクロールバーのとどのように出て、それをテストしてスライダを
function sizeScrollbar(){
var remainder = scrollContent.width() - scrollPane.width();
var proportion = remainder/scrollContent.width();
var handleSize = scrollPane.width() - (proportion * scrollPane.width());
scrollbar.find(".ui-slider-handle").css({
width : handleSize,
"margin-left":-handleSize/2,
});
handleHelper.width("").width(scrollbar.width() - handleSize);
}
と...
$("#tab1").click(function(){
$('li[id^="tab"]').removeClass('current');
$("#tab1").addClass('current');
$('div[id^="sliderTab"]').hide();
$('#sliderTab1').slideToggle('slow');
});
私は、ページ上のスライダーが表示されませんでした。スライダーの名前は同じですか?それらのIDは一意でなければならず、jqueryに2つのスライダを処理させる必要があります。 – Robert
FYIは、 'id^='を使用して、おそらく共通のクラス名を使用して置き換える必要があります。あるオブジェクトに複数のクラス名を付けることができます。共通の ''タブ ""を使う場合は、セレクタに 'li [id^=" tab "]'の代わりに '' li.tab''があります。両方の読みやすさとおそらくより良い実行します。 – jfriend00
あなたはサイトを訪問しましたか?あなたは私の問題を理解します。私は私のスライダーを見ることができますが、問題はハンドラーであり、スクロールしてピクチャーをスクロールすると終了しましたか?など IDのUNICE、sliderTab1、sliderTab2などとTAB1、TAB2は、タグリンクです。 いただきましクラスとidを使用しての間で違うのですか? –