Bind a click event to the element, but one problem is that the click event becomes invalid when I execute some ajax requests.
For example, my page is an ajax request, but when I click the next page, the generated Element a has no click event.
The reason is simple.
Ajax loads content at $ (document ). operations after ready (). When binding a function at this time, the element set found does not include the content loaded by ajax. Therefore, there is no problem in the original, and no binding is added after loading.
There are two solutions:
1. rebind after successful ajax requests
2. Use the live MethodCopy codeThe Code is as follows: <script type = "text/javascript">
<! --
JQuery (document). ready (function (){
JQuery (". brand li img"). live ('click', function (){
JQuery (this). parents ("li"). find ("ul"). slideToggle ();
});
});
-->
</Script>
The two methods are applicable to different scenarios.
You can use live to process events.
If it is live of some other processing methods, it is not supported to rebind only