0

たくさんの画像を表示するためにbxcarouselを使用しています。各画像にはツールチップがあり、qtipを使用して表示します。

これは最初のラウンドでは問題なく機能しますが、2回目に画像が丸くなると、ツールチップが表示されなくなります（bxcarouselがスライドアウトする要素を削除し、最後に戻すため）

カルーセルの例はここにあります： http ：//www.kipdola.be/carousel/carousel.html

これは、イベントをバインドするために使用されるコードです（おそらく、どこかに「ライブ」関数が必要ですか？）

// Create the tooltips only on document load
$(document).ready(function() 
{
   // Use the each() method to gain access to each elements attributes
   $('#shopcarousel a[rel]').each(function()
   {
      $(this).qtip(
4

2 に答える 2

1

同様の目的でbxCarouselを変更することになりました。これが私のステップです：

1.）デフォルトオブジェクトに別のプロパティ（animation_cb、またはコールバック）を追加します。このプロパティは、各アニメーションサイクルの最後に実行されるコールバック関数を渡すために使用する必要があります。

var defaults = {
    ...
    controls: true,
    animation_cb: null
};

2.）slide_next関数とslide_prev関数にオプションのチェックを追加します。

function slide_next(){
    ...
    get_a();
    if (typeof options.animation_cb === "function") options.animation_cb();
    is_working = false;
    ...
}

と：

function slide_prev(){
    ...
    get_p()
    if (typeof options.animation_cb === "function") options.animation_cb();
    is_working = false;
    ...
}

3.）最後に、プラグイン初期化呼び出しで、実行するコールバック関数を渡します。例えば：

function doBar () {
    // whatever you need to happen after the slides have moved
    // like rebinding events, or what have you
}

$('ul.foo').bxCarousel({
    ...
    animation_cb: doBar
});
于 2010-07-14T12:25:14.890 に答える
0

qTipはイベントではうまく機能しません.live()...私は次のようなことを試しました：

$('#shopcarousel a[rel]').live('mouseover', function(){... })

ただし、ツールチップを表示するには、要素から移動してから戻る必要がある場合があるため、うまく機能しませんでした。

より良い代替策は、.live()イベントにバインドするツールチップを使用することです。私は多くを見つけることができませんでした、そしてそれらはまだ比較的基本的です：

  1. シンプルなツールチップ（独自のチュートリアル）
  2. ほろ酔い（これがAjaxを使用してコンテンツをロードするように設定されているかどうかはわかりません）
  3. monnaTip（このSO回答から）
于 2010-05-06T21:33:46.053 に答える