在jQuery中有替代.load()吗?
在jQuery中有替代.load()吗?
是的,如果您需要对.load()
提供的内容进行额外控制,可以直接使用$.ajax()
。
还有其他 $.ajax()
速记方法可用 。
-
$.get()
-
$.getJSON()
-
$.getScript()
-
$.post()
使用$ .ajax而不是.load函数。 但请确保将dataType指定为ajax函数的html。 .load只是$ .ajax函数的缩短版本,其中dataType是html。
$.ajax({ url: 'url to load', dataType: 'html', success: function(html) { ... rest of your code that should be added into the load function. } });
如前所述,您可以直接使用$ .ajax()。
这是一个例子。
function update_user_ajx(user_id){ var data = { username: $('#UsernamePost_' + user_id).val(), password: $('#PasswordPost_' + user_id).val(), email: $('#EmailPost_' + user_id).val(), accesslevel: $('#AccessLevelPost_' + user_id).val() }; $.ajax({ url: "/managesettings/updateuser/" + user_id, type: "POST", data: data, cache: false, success: function (html) { /* Replace Content */ $('#UpdateUsers').html(html); /* Try Fade In */ $('#UpdateUsers').fadeIn('slow'); } }); }
对于jquery lib> 1.7
$('#test_image').on("load",function() { alert("fully loaded !!!"); });
如果您需要在页面加载时发生某些事情,请相对于文档执行此操作。
例:
$(document).ready(function(){ var var_name = $(this).find(".div_class").children(".child_div").height(); $(this).find(".div_class").css("min-height", var_name); });
这里我使用find()
函数将文档作为相对父级,而不是使用load()
将div作为相对父级。
$('#test_image').ready(function() { alert("fully loaded !!!"); });
试试这个它会起作用