要点击<li> </li>的网址属性

时间:2013-08-29 12:40:33

标签: javascript jquery click

我的小jQuery脚本有一个小问题。基本上,如果我点击<li>,它是一个url属性。问题是,例如,如果我在此<li>中有链接,那么我无法点击..

以下是一个小例子:http://jsfiddle.net/St46x/1/

我的剧本:

$('.listAgence').click(function(){
    var url = $(this).find('.infos').attr('href');
    $(location).attr('href',url);
});

3 个答案:

答案 0 :(得分:2)

解决方案,防止默认点击其他锚点并假设点击容器“LI”

$(document).ready(function(){
    $('#liste li a').click(function(e){
        e.preventDefault();
    });

    $('#liste li').click(function(){
        var url = $(this).find('.icone2').attr('href');
        location.href = url;
    });
});

http://jsfiddle.net/St46x/5/

清除所需内容后,解决方案将是(仅在链接没有URL时阻止):

$(document).ready(function(){
    $('#liste li a').click(function(e){
        if ($(this).prop('href') == "")
            e.preventDefault();
    });

    $('#liste li').click(function(){
        var url = $(this).find('.icone2').attr('href');
        location.href = url;
    });
});

答案 1 :(得分:1)

$(位置)未定义。您无法使用此代码。

试试这个:

document.location.href = 'www.google.com.tr'

答案 2 :(得分:0)

您可以使用

 window.location.href = url;

而不是

 $(location).attr('href',url);