jquery语法错误

Question

SyntaxError: syntax error
当我使用$(".xxx a").live('click',function(){
         alert("xx");
});
这样的代码的时候，老是报如上错，为什么啊？

Answer 1

你确定
加载了jQuery?
一个class=xxx 的容器下面有a标签？
语法我没看出有啥问题

Answer 2

我测试过了，你这个句子没问题，估计是引用jquery库有问题，或者没有引用

Answer 3

把a标签去掉，再测一下，看是否还会出现同样的错误。
$(".xxx").live('click',function(){
  alert("xx");
});

Answer 4

jquery一般用id获取dom元素，比如$("#xxx")，你这是$(".xxx")，检查下你的dom元素的属性设置，是否设置了class=xxx

Answer 5

可能是js冲突
(function($){
   $(".xxx").live('click',function(){
      alert("xx");
   });
})(jQuery);

Answer 6

要么和其它的js类库冲突了，可以将jquery的符号重新命名 用 var $$ = jQuery.noConflict()
还有一种情况就是你的jquey的类库有误

Answer 7

十分纠结，我也觉得语法没问题，关键是老是报这个错误，
代码段如下
<div id = "favorite" class = "container">
<h4>
<img src = "img/collection.png"/>
<span>收藏</span>
</h4>
<div class = "tab_menu">
<ul class = "tab_menu_ul">
<li class = "tab_menu_li currents">
<a href = "allsc">全部</a>
</li>
<li class = "tab_menu_li">
<a href = "javascript:;">帖子</a>
</li>
<li class = "tab_menu_li">
<a href = "javascript:;">微博</a>
</li>
<li class = "tab_menu_li">
<a href = "javascript:;">文章</a>
</li>
<li class = "tab_menu_li">
<a href = "javascript:;">照片</a>
</li>
<li class = "tab_menu_li">
<a href = "javascript:;">活动</a>
</li>
<li class = "tab_menu_li">
<a href = "javascript:;">网页</a>
</li>
<li class = "tab_menu_li">
<a href = "javascript:;">投票</a>
</li>
<li class = "tab_menu_li">
<a href = "javascript:;">多媒体</a>
</li>
</ul>
</div>
<div class = "favorite_nav">
<h3>收藏分类</h3>
<ul>
<li class = "line choosed"><a href = "#">所有分类[0]</a></li>
<li class = "line"><a href = "#">默认分类[0]</a></li>
</ul>
<div class = "line" id = "addF">添加分类</div>
</div>
<div class = "F_con">
<div class = "F_op">
<form action = "#" name = "F" id = "F" method = "post">
<table>
<tr><td>收藏网页、视频、音乐、flash</td><td></td><td></td></tr>
<tr>
<td><input type = "text" name = "url" id = "url"></td>
<td>
<span class = "bg span1">
<span class = "bg span2">
<a href = "javascript:;">收藏为私有</a>
</span>
</span>
</td>
<td>
<a href = "javascript:;" class = "how">如何加收藏</a>
<div class = "rhsc">
<p>
<span>如何收藏视频？</span></br>
填写视频网址（目前支持优酷、Youtube、新浪、搜狐)
</p>
<p>
<span>如何收藏音乐？</span></br>
填写音乐网址（需要后缀是mp3或wav)
</p>
<p>
<span>如何收藏flash？</span></br>
填写flash网址（需要后缀是swf)
</p>
</div>
</td>
</tr>
</table>
</form>
</div>
<div class = "F_c" id = "F_c">

</div>
</div>
</div>
<script type = "text/javascript">
$(".tab_menu_li").click(function(){
$(".tab_menu_li").removeClass("currents");
$(this).addClass("currents");
});
$(".how").hover(function(){
$(".rhsc").css({"display":"block"});
},function(){
$(".rhsc").css({"display":"none"});
});
$("#addF").click(function(){
$(".favorite_nav ul").append("<li class = 'line'><input type = 'text' name = 'adf' id = 'adf'/><span class = 'bg1 span1'><span class = 'bg1 span2'><a id = 'confirms' href = 'javascript:;'>确定</a></span></span><span class = 'bg1 span3'><span class = 'bg1 span4'><a id = 'cancel' href = 'javascript:;'>取消</a></span></span></li>");
});
$(".line").live("click",function(){
$(".line").removeClass("choosed");
$(this).addClass("choosed");
});
$(".bg1 a").live("click",function(){
var op = $(this).attr("id");
if(op == "confirms"){
if("" == $("#adf").val()){
alert("请填写分类名称");
}else{
$(this).parent().parent().parent().html($("#adf").val()+"[0]");
}
}else{
$(this).parent().parent().parent().remove();
}
});
$(document).ready(function(){
$(".currents a").click();
});
</script>

Answer 8

八成是 $ 被
function $(){}
覆盖。

Answer 9

还是没发现问题，你可以尝试着将当前页加载的js文件删除到只保留jquery试试

Answer 10

<script type="text/javascript">
$(document).ready(function(){
    $(".tab_menu_li").click(function(){
        $(".tab_menu_li").removeClass("currents");
        $(this).addClass("currents");
    });
    $(".how").hover(function(){
        $(".rhsc").css({"display":"block"});
    },function(){
        $(".rhsc").css({"display":"none"});
    });
    $("#addF").click(function(){
        $(".favorite_nav ul").append("<li class = 'line'><input type = 'text' name = 'adf' id = 'adf'/><span class = 'bg1 span1'><span class = 'bg1 span2'><a id = 'confirms' href = 'javascript:;'>确定</a></span></span><span class = 'bg1 span3'><span class = 'bg1 span4'><a id = 'cancel' href = 'javascript:;'>取消</a></span></span></li>");
    });
    $(".line").live("click",function(){
        $(".line").removeClass("choosed");
        $(this).addClass("choosed");
    });
    $(".bg1 a").live("click",function(){
        var op = $(this).attr("id");
        if(op == "confirms"){
            if("" == $("#adf").val()){
                alert("请填写分类名称");
            }else{
                $(this).parent().parent().parent().html($("#adf").val()+"[0]");
            }
        }else{
            $(this).parent().parent().parent().remove();
        }
    });
    $(".currents a").click();
});
</script>
都装到里面去看一下