0

私はこのプロトタイプに苦労しています。基本的に私はMagentogoを使用しており、プロトタイプフレームワークを使用しています。製品ページにサイズガイドへのリンクがあります。ユーザーがページにとどまるように、このためのポップアップモーダルを作成する必要があります。

<span class="widget widget-cms-link"><a href="/size-guide" title="Size Guide">
  <span>Size Guide</span>
 </a>
</span>

私がする必要があるのは、スパン「widget widget-cms-link」を見つけて、そのリンクを、モーダルポップアップをアクティブにするために使用できるボタンに置​​き換えることです。これはJQueryで実行できますが、Prototypeと競合します。プロトタイプの経験のある人はいますか?

乾杯

J

4

2 に答える 2

0

これでいいですか?

​$$('.widget.widget-cms-link').each(function(el) {
    el.down('a').replace(new Element('button', {
        'class' : 'widget-button'        
    }).observe('click', function() {
        alert('you clicked on me');
    }).update('Your New Button'));
})​;​

$$を返すためEnumerable、倍数を返す可能性があるため、を使用していることを覚えておいてeachください。1つのリンクのみを参照する場合は、そのリンクにIDを指定するかwidget-cms-link、ページ上ののが1つだけであることを確認してください。

ここをいじる

于 2012-08-30T13:38:06.883 に答える
0

Prototype よりも jQuery に精通している場合は、noConflict モードを使用して jQuery 関数を実行してみてください。

jQuery ファイルの末尾に jQuery.noConflict() を追加するだけです (または、このコードを別のファイルに挿入し、メインの jQuery ファイルの直後に含めます)。

jQuery完了したら、jQuery を使用できるようになります。ただし、jQuery 関数には ではなくキーワードを使用することを忘れないでください$

于 2012-09-11T11:45:23.900 に答える