jQuery-Gallerifficは、すべての写真にfacebook like-buttonを設定しました

Question

私はすばらしい[galleriffic] [0] - jQueryプラグインを実装し、すべての画像にフェイスブックのようなボタンを設定したいと思います。 今私はonSlideChange（）でそれを試してみました - このような関数：

$(".fb-like").attr("data-href","http://ulc.local/galerie/25#"+nextIndex); 

が、成功しません。 1つのようなボタンをクリックすると、他のすべてのボタンも有効になります。

ご迷惑をおかけして申し訳ありません。

EDITは：

<div id="gallery" class="content-image"> 
      <div class="border-left"></div> 
      <div class="slideshow-container"> 
       <div id="loading" class="loader"></div> 
       <div id="slideshow" class="slideshow"> 
        <div id="slide-container"> 
         <div id="slider"> 
          <div id="title"></div> 
          <div id="share"> 
           <div class="fb-like" data-send="false" data-layout="button_count" data-width="150" data-show-faces="true"></div> 
           <div id="spacer"></div> 
           <a href="https://twitter.com/share" class="twitter-share-button" data-lang="en" data-count="none"></a> 
          </div> 
         </div> 
        </div> 
       </div> 
      </div> 
      <div class="border-right"></div> 
     </div> 
     <div style="clear:both"></div> 

クラスを持つdiv要素 "FB様" ボタンを表示する必要があります。ここではいくつかのより多くのコードです。 、私は次の画像をユーザーがクリックするとすぐにデータ-href属性を変更

onSlideChange:function(prevIndex, nextIndex) { 
     // 'this' refers to the gallery, which is an extension of $('#thumbs') 
     this.find('ul.thumbs').children() 
      .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end() 
      .eq(nextIndex).fadeTo('fast', 1.0); 
     newUrl = "http://ulc.local/galerie/25/"; 
     $(".fb-like").replaceWith("<div class='fb-like' data-href='http://ulc.local/galerie/25#' "+nextIndex+" data-send='false' data-layout='button_count' data-width='150' data-show-faces='true'></div>"); 
    } 

が、私はいくつかのように、ボタンを作るために考えた： は、今私はonSlidechange（）で、このいずれかで、このdiv要素を交換しようとしました。残念ながら、ボタンは表示されません。

Answer 1

あなたのセレクタはクラス単位で取得しています。これは、属性の変更がそのクラスのすべての要素に波及することを意味します。変更したい要素を一意に識別する方法を見つける必要があります。あなたがクリックイベントといくつかのHTML構造からいくつかのコードを投稿すれば役に立つでしょう。

Answer 2

あなたは既にこの問題を解決できたかどうかはわかりませんが、そうでない場合は、代わりにFacebookボタンのiframeバージョンを使用することをおすすめします。

次に、代わりにPHP（またはほかのサーバー側のスクリプト）を使ってFacebookの「好き」のURLを動的に変更できます。

私は前に説明したのとまったく同じ問題を抱えていましたが、これは私の問題を解決しました（ただし、iframeバージョンは使用しませんでしたが、少なくともGallerifficで動作させることができました）。