用AJAX / jQuery锚定标签

时间:2013-02-15 23:34:45

标签: javascript jquery ajax anchor hyperlink

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

我正在使用数据文件锚标记将用户留在网络应用程序中。

<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');

非常感谢任何帮助。我在我脑海里。

1 个答案:

答案 0 :(得分:0)

jsFiddle为我工作。控制台中是否显示任何错误?您的选择器是否首先找到anchor?点击事件是否被解雇了? changePage()方法是否包含在该页面的哪个位置?