0

私はJSについてほとんどまたはまったく知識がなく、次のことを達成する必要があります。

  • Magentoのオプションで画像を有効にするサードパートモジュールを使用します。以下のhtml構造を変更することはできません。jqueryを介してのみです。
  • ラジオボタンを非表示にし、サムネイルをボタンとして使用します
  • 選択すると、画像は別のスタイルになります（正確にはわからない、おそらく境界線）
  • また、入力の名前、つまりSPAN内の名前は、画像の上のどこかに表示されるはずです。
  • 画像を並べて配置するスタイリングは、CSSを使用した簡単なものです。問題はJqueryにあります。また、ツールチップは問題ありません。

見たい方法：http：//www.inusual.com.br/chaise-anelideos.html今日の状況：http：//www.inusual.com.br/namoradeira-francesca.html 動作が異なるため、動作が異なります。異なるモジュールです。

さて、HTMLコードは基本的にこれです：

<ul class="options-list">
  <li>
    <a class="img-radio">
      <img class="small-image-preview" src="#"/>
    </a>
    <input class="radio required-dependent" type="radio" value="somevalue" onclick="dependentOptions.select(this);opConfig.reloadPrice();">
    <span class="label">
      <label for="xxx">Option Name</label>
    </span>                                 
  </li>
  <li>
    <a class="img-radio">
      <img class="small-image-preview" src="#"/>
    </a>
    <input class="radio required-dependent" type="radio" value="somevalue" onclick="dependentOptions.select(this);opConfig.reloadPrice();">
      <span class="label">
    <label for="xxx">Option Name</label>
    </span>                                 
  </li>
</ul>

そして、私が試していたjQueryの部分は次のようなものです。

jQuery(window).load(function()
{
  jQuery('li a.img-radio').click( function(){
  jQuery('li a.img-radio.selected').removeClass('selected');
  jQuery(this).addClass('selected');
  jQuery(this).find('input:radio').attr('checked','checked');
});
})

これを機能させるためのヒントはありますか？どうもありがとう！

4

1 に答える 1

1

できませんjQuery(this).find('input:radio')が、次のように置き換えることができます：

jQuery(this).find('input[type=radio]')

ラジオをチェックに設定したい場合は、うまくいくattr('checked' , 'checked')かもしれませんが、私はこれを好みます：

jQuery(this).find('input[type=radio]').checked = true;
于 2013-01-15T01:35:24.057 に答える