1

Webアプリ内の新しいページへのリンクとして画像を使用する方法を探しています。

データファイルアンカータグを使用して、ユーザーをWebアプリ内に保持しています。

<a data-file="salt.html?v=1"><img src="assets/images/template/salt.jpg" width="125" height="125" /> </a>

これらのタグは内部にあります：

<div class="products_content">

私のコードは次のようになります：

$('.products_content a').on('click', function(){  
    $('.products_content a').removeClass('selected');
    $(this).addClass('selected');
    changePage( $(this).attr('data-file') );
});

何か案は？なぜ機能しないのかわかりません。ナビゲーション用に同様の設定があり、正常に機能します。私のナビゲーション設定は次のとおりです。

<nav>
    <a data-file="home.html?v=1">Home</a>
    <a data-file="about.html?v=1">About Us</a>
    <a data-file="services.html?v=1">Services</a>
    <a data-file="products.html?v=1">Products</a>
</nav>

と：

$('nav a').on('click', function(){
    $('nav a').removeClass('selected');
    $(this).addClass('selected');
    changePage( $(this).attr('data-file') );
});

$('nav a:nth-child(1)').trigger('click');

どんな助けでも大歓迎です。私は頭を抱えています。

4

1 に答える 1

0

jsFiddleで私のために働きます。コンソールにエラーが表示されていますか? セレクターはanchor最初から s を見つけていますか? クリックイベントも発生していますか? メソッドはchangePage()そのページのどこかに含まれていますか？

于 2013-02-15T23:50:20.590 に答える