2012-04-27 19 views
1

私は、次のサイトhttp://www.fyneworks.com/jquery/star-rating/#からStar Rating PluginでJQueryを使用しています。 Aspマークアップで評価システムを使用しても問題はありません。しかし、私がレーティングシステムを動的に作成し、同じ手順に従えば、星の代わりにラジオボタンとしてしか表示されません。ここで jQueryスター評価プラグインaddClassが動作しません

<input name="star4" id="Radio1" type="radio" class="star" /> 

が動作しない、関連するjQueryのスクリプトであり、唯一の未変換のラジオの要素を示しています:

 function loadMovies(firstMovie, lastMovie) { 

      for (incMovie = firstMovie; incMovie <= lastMovie; incMovie++) { 
       $('<input>', { 
        type: "radio", 
        id: 'star1-' + incMovie, 
        name: "star", 
       }).appendTo($('#sngMovie' + incMovie)); 

       $('#star1-' + incMovie).addClass('star'); 
      } 
     } 

ラジオボタンを想定しているがここで

は期待どおりに動作するマークアップですそれが「スター」クラスを持っているときに星評価システムに変換される。しかし、クラスがJQueryで追加されても機能しません。私は次のことをしようとした場合でも、ラジオボタンが変換されませんでした。

マークアップ

<input name="star4" id="Radio1" type="radio" /> 

スクリプト

$('#Radio1').addClass("star"); 

を私は動的に評価システムを作成できるようにする必要があります。ですから、jquery addClassなどを使ってラジオボタンを評価システムに変換するための助けが必要です。

$('#Radio1').addClass("star"); 
$('input[type=radio].star').rating(); 

またはイベントよりよい::

答えて

0

はこれを試してみてください

$('#Radio1').addClass("star").rating(); 

編集:いくつかのより詳細な説明 星評価プラグインは、プラグインを構築する方法を確認します(通常のjQueryのプラグインですhere )。通常は、要素のプラグインを呼び出すために、あなたはこのような何かをする必要があります。

$('#myElement').myPlugin(); 

スタープラグインの場合は、次のコードは、プラグインコードの下で発見されました

$(function(){ 
    $('input[type=radio].star').rating(); 
}); 

このスニペットは、 'star'クラスのすべてのラジオボタンでrating()プラグインを実行し、jQuery.readyイベントで処理されます(jQueryメソッドで何かをラップします。準備完了イベント)。

要素にスタークラスを追加すると、上記のコードニットが実行された後で、rating()プラグインを自分で呼び出す必要があります。 。この説明は、あなたが

+0

$( '#Radio1の')addClass( "星を"):)助け

・ホープの評価();それはトリックがとても感謝しました。私はちょうどjqueryを学び始めました。 jqueryを使用しているときに、なぜ評価が必要なのかを教えてもらえますか? – yerty

+0

私は答えにいくつかの説明を追加しました – aaberg

+0

入手しました。再度、感謝します – yerty

関連する問題