1

我正在寻找一种方法来使用图像作为我的网络应用程序中新页面的链接。

我正在使用数据文件锚标记将用户保留在 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为我工作。控制台中是否显示任何错误？您的选择器是否从anchors 开始？点击事件甚至被触发了吗？该changePage()方法是否包含在该页面中的某个地方？

于 2013-02-15T23:50:20.590 回答