jQuery on click 函数没有任何反应

标签 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>";

}


?>

最佳答案

$.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");
});

关于jQuery on click 函数没有任何反应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8540305/

相关文章:

html - 平铺一百个 1px 的方 block VS 平铺四个 25px 的方 block

javascript - 如何将滚动条设置为该部分内的 div 容器?

javascript - 重定向页面时丢失值(value)

javascript - 在 DOM 创建中将 jQuery 与原生 JS 结合起来

html - @media print 中无法打印背景颜色

html - 两列表或 dl?

javascript - 两个全宽 div 之间的 slider

css - 调整 FlexBox 容器的大小

ajax - 发送和接收 JSON 数据 |使用 ajax() 的 PhoneGap + Jquery 移动应用程序

javascript - 更改与值相关的颜色