jQuery、Ajax和Live函数问题
我知道，如果使用ajax在页面中加载包含表单元素的div，那么必须使用live函数向那些不在dom树中的元素添加事件 而且我在jQuery网站上看到，live功能目前不支持焦点、模糊等 当通过ajax加载到div中的元素被聚焦或模糊时，我应该如何调用函数 是不是应该用bind。。。？但说到绑定，尽管live和bind看起来有点相似，但它不能用于上述场景中。。。对吧 下面是代码jQuery、Ajax和Live函数问题,jquery,ajax,live,Jquery,Ajax,Live,我知道，如果使用ajax在页面中加载包含表单元素的div，那么必须使用live函数向那些不在dom树中的元素添加事件 而且我在jQuery网站上看到，live功能目前不支持焦点、模糊等 当通过ajax加载到div中的元素被聚焦或模糊时，我应该如何调用函数 是不是应该用bind。。。？但说到绑定，尽管live和bind看起来有点相似，但它不能用于上述场景中。。。对吧 下面是代码 <BODY style=""> <div style="margin-top:5px; wi
<BODY style="">
<div style="margin-top:5px; width:100%" class="subAndContent" id="subAndContent">
<!-- TABLE TO HOLD SUB MENU-->
<div id="subMenuDiv">
<table width="100%" >
<tr align="center" valign="middle">
<td width="100%" valign="middle" class="rounded" >
<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li>
<a href="javascript:ajaxLoadMainOnly('createHotel.php', 'content')" > <!-- This function get's the page to be loaded and the div into which it should be loaded and uses ajax to do the loading... -->
HOTEL
</a>
</li>
<li>
<a href="javascript:ajaxLoadMainOnly('createCountry.php', 'content')" >
COUNTRY
</a>
</li>
<li>
<a href="javascript:ajaxLoadMainOnly('createCity.php', 'content')">
CITY
</a>
</li>
</ul>
</div>
</td>
</tr>
</table> <!-- END TABLE TO HOLD SUB MENU-->
</div>
<div id="contentDiv" class="rounded">
<!-- TABLE TO HOLD CONTENT PANE-->
<table width="100%" style="float:left;">
<tr valign="left">
<td align="center">
<div id ="content">
<!-- Div into which the content will be loaded -->
</div>
</td>
</tr>
</table>
</div>
</div>
<!-- DIV AND TABLE TO HOLD FOOTER -->
<?php
include 'footer.php';
?>
</BODY>
这是一个很好的开始。如果你想处理Live尚未处理的事件，我认为你仍然可以使用liveQuery插件。这里有一个简单的例子： 这将在每次调用ajax请求时取消绑定并重新绑定焦点事件。解除绑定只是为了安全，并确保没有任何遗留事件
$(document).ready(function() {
focusEventFunction();
ajaxLoader();
}
function ajaxLoader();
$('#sidebarmenu1 a').unbind().bind('click', function(event){
$.get('url_to_get.php', function(data) {
// CODE THAT REPLACES DIVS AND DATA
//The following has to be inside the ajax callback and
//after the code that changes divs. this will remap all the functions
//that bind the focus.
$('selector_for_elements_needing_focus').unbind().bind('focus', function(event){
focusEventFunction($(this), event)
ajaxLoader(); //this ensures your ajax gets called again,
//depending on the complexity of the html changes
//you may not need this.
}
}
function focusEventFunction(jElement, event) {
//just a dummy function that does your focus/blur stuff.
// you might not need the parameters
}
您必须掌握动态加载的元素，然后使用bind添加焦点和模糊处理程序。例如，如果要将处理程序添加到类为“longtext”的textarea中，可以使用以下方法：
$.getJSON('createHotel.php', { /* params go here */ }, receiveHotelCreated);
function receiveHotelCreated(data) {
$('#content textarea.longtext').bind('blur', onTABlur);
}
function onTABlur() {
var ta = $(this); // The textarea on which the blur event occurred
alert('Textarea blurred');
// Your code goes here
}
当焦点离开文本区域时，将调用onTABlur（TA=文本区域）函数。在函数内部，
此receiveHotelCreated$（this）这个$（e.target）onTABlur（）