如果使用jquery ajax创建css类,则该类不可见

如果使用jquery ajax创建css类,则该类不可见,jquery,css,ajax,Jquery,Css,Ajax,get_files.php function get_files(){ $.ajax({ type: "GET", url: "get_files.php", cache: false, success: function(result){ $("#insideT").html(result); } }); } 但是js不起作用: .filePass:hover{

get_files.php

function get_files(){
    $.ajax({
        type: "GET",
        url: "get_files.php",
        cache: false,
        success: function(result){
            $("#insideT").html(result);
        }
    });
}  
但是js不起作用:

.filePass:hover{
    background-color:#e1e1e1;
}
如果我“手动”创建
filePass
class-一切正常

如果类是使用上面的
get_文件创建的,css可以工作,但是js不能

Chrome中的JS控制台显示
filePass
存在

有什么帮助吗?

试试看

$('.filePass').click(function(){
alert ('323');
});


我知道js函数位于onload函数中,在这种情况下,不应该再应用它是正常的。onload事件已完成

您还应该在ajax调用的成功回调中添加此函数

function get_files(){
    $.ajax({
        type: "GET",
        url: "get_files.php",
        cache: false,
        success: function(result){
            $("#insideT").html(result);
        }
    });
}
$('.filePass').on('click',function(){
    alert ('323');
});

您所需要的只是使用动态生成的按钮进行事件Deligation

function foo(){
    $('.filePass').click(function(){
        alert ('323');
    });
}

function get_files(){
    $.ajax({
      type: "GET",
      url: "get_files.php",
      cache: false,
      success: function(result){
          $("#insideT").html(result);
          foo();
      }
});
如果
#insideetis
是最近的父元素,则可以将
文档
文档.body
也用作选择器

语法:

使用jQuery方法:


何时将单击事件分配给
filePass
div?如果是在ajax成功回调之前,它将不起作用。将其放在
$(“#insideT”).html(结果)之后
function get_files(){
    $.ajax({
        type: "GET",
        url: "get_files.php",
        cache: false,
        success: function(result){
            $("#insideT").html(result);
        }
    });
}
$('.filePass').on('click',function(){
    alert ('323');
});
function foo(){
    $('.filePass').click(function(){
        alert ('323');
    });
}

function get_files(){
    $.ajax({
      type: "GET",
      url: "get_files.php",
      cache: false,
      success: function(result){
          $("#insideT").html(result);
          foo();
      }
});
$("#insideT").on('click','.filePass',function(){
    alert ('323');
});
 $(elements).on( events [, selector] [, data] , handler );
function get_files(){
    $.ajax({
        type: "GET",
        url: "get_files.php",
        cache: false,
        success: function(result){
            $("#insideT").html(result);
        }
    });
} 

$('.filePass').on('click',function(){
    alert ('323');
});