2

リンクがうまくできなくて困っています。

Magento ストアにスライドがあります。テーマはレスポンシブ、スライダーは JavaScript です。

これは私が持っているコードです:

<div id="camera_wrap" class="camera_wrap camera_orange_skin">
<div data-thumb="{{skin url='images/camera/slides/thumbs/slide1-thumb.png'}}" data-src {{skin url='images/camera/slides/b1.jpg'}}"></div>
</div>

スライダーは、画像と関連するサムネイルを表示しています。スライダーをクリック可能にしたいのですが、うまくいきません。何か案は？私が配置した場合

onclick="location.href='newurl.html';"

div内で、画像が表示されていません:(何か提案はありますか?

4

2 に答える 2

1

インラインonclicksを使用しないでください...divにクラスとカスタムデータ属性を割り当てます。例：

<div class="onclick-link" data-href="mylink.html">Some content here...</div>

その後：

$('.onclick-link').unbind('click').click(function() {
    window.location.href = $(this).attr('data-href');
});

これは、リンクに変換するすべてのdivに使用でき、クラスとdata-href属性を割り当てます。

于 2012-11-27T21:07:22.810 に答える
1 
<a href="newurl.html">My link</a>

リンクを作成する最も簡単な (そして最もセマンティックな) 方法は、<a>要素を使用することです。
本当にJavaScriptの方法を使いたい場合は、jQueryを使用してハンドラーをバインドできます

$('#camera_wrap').on('click', function(){
 // your code
});
于 2012-11-27T21:03:41.563 に答える