如果使用jquery ajax创建css类,则该类不可见
get_files.php如果使用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{
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');
});