画像を表示してからjqueryを使用してリンクを変更してください

Question

検索の時間はまだありますが、私はこのことについて理解できます：カルーセルのどの画像が選択されているかに応じてhrefが変化するリンクを追加しようとしています下のリンクが変わります）。

クラス不透明なファブリックを使用して、現在の画像表示の不透明度を変更することでとれた画像を選択してください：

 $('#current').ready(function() { 
         $("#carousel-2 img").click(function() { 
          $("#current img").removeClass("opaque-fabric"); 

          var imageToShow = $(this).attr("id").replace("for-", ""); 
          $("#current #"+imageToShow).addClass("opaque-fabric"); 

          $("#carousel-2 img").removeClass("selected-fabric"); 
          $(this).addClass("selected-fabric");    
         }); 

        }); 

その後、私の「選択ボタン」をアンカーリンクのhrefの終わりを変更ページ：

$('.choose-button').ready(function() { 
          $("#carousel-2 img").click(function() { 

       var button = $(this).attr('class'); 
       var currenthref = $(".choose-button").attr('href'); 
       $(".choose-button").attr('href', currenthref + button); 


      }); 

     }); 

画像表示部は機能しますが、ボタンにhrefを追加できないようです。ゆっくりとお手伝いしてください（初心者）。

EDIT：Here's what I'm working with（テストサーバー上）。

Answer 1

jQueryの.append（）関数は、DOM要素を他のDOM要素に追加するために使用されます。 hrefプロパティを更新する場合は、構文を使用してください。

var currenthref = $(".choose-button").prop('href'); 
$(".choose-button").prop('href', currenthref + button); 

これが役に立ちます。

Answer 2

あなたの質問を本当に理解できていないようですが、いくつかの重大なエラーがあります。まず、ready()を正しく使用していません。 jQのAPIから：

.ready()メソッドは、現在のドキュメントに一致するjQueryオブジェクトで呼び出すことができます。そして、あなたはhref以来attr()代わりのprop()を使用する必要があります

は属性ではなく、プロパティです。 live()の代わりにon()が推奨されています。