关于点击功能的jQuery什么也没发生

时间:2011-12-16 21:22:13

标签: jquery html css ajax class

这个jQuery函数是为了将num的值发布到PHP页面,然后在正确的状态类中回显它,任何想法为什么没有发生,我已经下载了jQuery并进一步调用了文件(这里没有显示)

感谢任何帮助!

<script>
 var num = 1;
                function ajax_post(){ 
$.ajax('javas.php', {
success: function(response) {
      $(".status").html(response);
}, 
data: "num=" + (++num)
});
}

function ajax_posta(){
$.ajax('javas.php', {
success: function(response) {
      $(".status").html(response);
}, 
data: "num=" + (--num)
});
}

$(document).ready(function() {
$('.eventer > .button').click(function () {
    ajax_post();
});
alert("lol");
});


</script>

这就是我所拥有的,这是我关于类的PHP代码。

<div id = 'eventcontainer' >

<?php

//Getting posts from DB

$event1 = mysql_query("SELECT post,date,memid FROM postaction WHERE memid = '$id' ORDER BY date DESC LIMIT 5;");

while ($row1 = mysql_fetch_array($event1))
{




$event = $row1['post'];
$timeposted = $row1['date'];

$eventmemdata = mysql_query("SELECT id,firstname FROM users WHERE id = '$id' LIMIT 1");

while($rowaa = mysql_fetch_array($eventmemdata))
{
    $name = $rowaa['firstname'];
    $eventlist = "$event <br> $name";
}

echo " <div class = 'eventer'> $timeposted <br>$eventlist <input name='myBtn'       type='submit' value='increment' onClick='javascript:ajax_post();'>
<input name='lol' type='submit' value='dec' onClick='javascript:ajax_posta();'></div>
<div class = 'status'></div>";
echo "<br>";

}


?>

4 个答案:

答案 0 :(得分:0)

如果您尝试在点击操作中发出提醒,会发生什么?

也许您的行动没有添加到您认为的对象上。

答案 1 :(得分:0)

我认为你在$ .post调用中的参数顺序是错误的。它应该是:

$.post("url", { data:'something' }, function(result){
    //callback
});

答案 2 :(得分:0)

看起来你正在混淆jQuery帖子和ajax方法。尝试在帖子中添加数据参数(您的num变量)。

$('.eventer > .button').click(function () {
    var self = this;
    $.post('javas.php', num,function (data) {
        $(self).closest('.eventer').find('.status').html(data);
    })
});

http://api.jquery.com/jQuery.post/

答案 3 :(得分:0)

而不是$.post将其更改为$.ajax

您可以重新排列参数以使其与$ .post一起使用,但看起来您拥有的代码应与$.ajax一起运行。

此外,在这里

$(document).ready(function() {
    $('.eventer > .button').click(function () {
        var self = this;
        $.post('javas.php', function (data) {
            $(self).closest('.eventer').find('.status').html(data);
        })
    });
    alert("lol");
});

你确定你不是故意的:

$(document).ready(function() {
    $('.eventer > .button').click(function () {
        ajax_post();
    });
    alert("lol");
});