Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/366.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/unix/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在post方法上删除事件侦听器_Javascript_Jquery - Fatal编程技术网

Javascript 在post方法上删除事件侦听器

Javascript 在post方法上删除事件侦听器,javascript,jquery,Javascript,Jquery,在使用类数据库头单击th之后,我的表通过post方法进行排序,但由于某些原因,click事件侦听器被删除,因此当我再次单击其他数据库头时,什么也没有发生。我做错了什么 $(function () { var user = $('#user'); var databaseHeader = $('.database-header'); var tableContainer = $('.table-container'); var databaseHeaderValue

在使用类数据库头单击th之后,我的表通过post方法进行排序,但由于某些原因,click事件侦听器被删除,因此当我再次单击其他数据库头时,什么也没有发生。我做错了什么

$(function () {
    var user = $('#user');
    var databaseHeader = $('.database-header');
    var tableContainer = $('.table-container');
    var databaseHeaderValue;
    var url = './php/table.php';

    databaseHeader.click(function () { 
/* Checks for the user login div */
        if (user.closest('html').length){ 
            databaseHeaderValue = $(this).html();
            $.post(url, {'sort' : databaseHeaderValue}, function (data) {
                tableContainer.html(data);
            });
        }
    });
});

是否只刷新页面的一部分?动态添加DOM元素后,无法使用jquery选择器获取它

试一试

尝试更改jquery,单击如下所示:

var user = $('#user');
var databaseHeader = '.database-header';
var tableContainer = $('.table-container');
var databaseHeaderValue;
var url = './php/table.php';

$(document).on('click', databaseHeader, function () { 
    /* Checks for the user login div */
    if (user.closest('html').length){ 
        databaseHeaderValue = $(this).html();
        $.post(url, {'sort' : databaseHeaderValue}, function (data) {
            tableContainer.html(data);
        });
    }
});

$document.on'click',databaseHeader,函数{}的工作方式很有魅力:D,非常感谢!谢谢,你可以把这个答案标记为有用,这样它也会帮助其他人:可悲的是没有名声,只是你不能提高投票率,但我相信你可以把这个标记为有用
var user = $('#user');
var databaseHeader = '.database-header';
var tableContainer = $('.table-container');
var databaseHeaderValue;
var url = './php/table.php';

$(document).on('click', databaseHeader, function () { 
    /* Checks for the user login div */
    if (user.closest('html').length){ 
        databaseHeaderValue = $(this).html();
        $.post(url, {'sort' : databaseHeaderValue}, function (data) {
            tableContainer.html(data);
        });
    }
});