Javascript 。单击“功能不工作”

Javascript 。单击“功能不工作”,javascript,jquery,Javascript,Jquery,我有一个评论系统的JavaScript,但是当我点击类名为“com_submit”的submit按钮时,除了重新加载页面外,什么都没有发生。即使我将表单留空并提交,警报也会弹出,但事实并非如此。我做错了什么 这是我的密码: $(function() { $('.com_submit').live("click", function() { var comment = $("#comment").val(); var user_id = $("#user_id").val();

我有一个评论系统的JavaScript,但是当我点击类名为“com_submit”的submit按钮时,除了重新加载页面外,什么都没有发生。即使我将表单留空并提交,警报也会弹出,但事实并非如此。我做错了什么

这是我的密码:

$(function() {

$('.com_submit').live("click", function() {
    var comment = $("#comment").val();
    var user_id = $("#user_id").val();
    var perma_id = $("#perma_id").val();
    var dataString = 'comment='+ comment + '&user_id='+ user_id + '&perma_id=' + $perma_id;
    if(comment=='') {
        alert('Please Give Valid Details');
    }
    else {
        $("#flash").show();
        $("#flash").fadeIn(400).html('<img src="ajax-loader.gif" />Loading Comment...');
        $.ajax({
            type: "POST",
            url: "commentajax.php",
            data: dataString,
            cache: false,
            success: function(html){
                $("ol#update").append(html);
                $("ol#update li:first").fadeIn("slow");
                $("#flash").hide();
            }
        });
    }
    return false;
});
});
$(函数(){
$('.com_submit').live(“单击”,函数(){
var comment=$(“#comment”).val();
var user_id=$(“#user_id”).val();
var perma_id=$(“#perma_id”).val();
var dataString='comment='+comment+'&user_id='+user_id+'&perma_id='+$perma_id;
如果(注释=“”){
警报(“请提供有效的详细信息”);
}
否则{
$(“#flash”).show();
$(“#flash”).fadeIn(400.html('loadingcomment…');
$.ajax({
类型:“POST”,
url:“commentajax.php”,
数据:dataString,
cache:false,
成功:函数(html){
$(“更新”).append(html);
$(“ol#update li:first”).fadeIn(“slow”);
$(“#flash”).hide();
}
});
}
返回false;
});
});

我已尝试使用.click、.live和.bind,但这些工作均未按预期工作。换句话说,您的提交按钮正在提交。你要做的是停止正常的行为。试试这个:

$('.com_submit').live("click", function(e) {
e.preventDefault();
.
.
.

在代码顶部。

代码中有一个输入错误,因为它会发生运行时错误,并且页面会重新加载,因为它是一个链接

var perma_id = $("#perma_id").val();


$(function() {

$('.com_submit').live("click", function() {
    var comment = $("#comment").val();
    var user_id = $("#user_id").val();
    var perma_id = $("#perma_id").val();
    var dataString = 'comment='+ comment + '&user_id='+ user_id + '&perma_id=' 
     + perma_id;//<<<------ Here was the typo(You have used $perma_id)
    if(comment=='') {
        alert('Please Give Valid Details');
    }
    else {
        $("#flash").show();
        $("#flash").fadeIn(400).html('<img src="ajax-loader.gif" />Loading Comment...');
        $.ajax({
            type: "POST",
            url: "commentajax.php",
            data: dataString,
            cache: false,
            success: function(html){
                $("ol#update").append(html);
                $("ol#update li:first").fadeIn("slow");
                $("#flash").hide();
            }
        });
    }
    return false;
});
});
var perma_id=$(“#perma_id”).val();
$(函数(){
$('.com_submit').live(“单击”,函数(){
var comment=$(“#comment”).val();
var user_id=$(“#user_id”).val();
var perma_id=$(“#perma_id”).val();
var dataString='comment='+comment+'&user\u id='+user\u id+'&perma\u id='

+perma_id;//您能提供按钮声明吗?是的,按钮是:
谢谢,我不敢相信我错过了。这解决了问题