jQuery$(文档).就绪和UpdatePanels？

Question

jQuery$(文档).就绪和UpdatePanels？我使用jQuery来连接UpdatePanel中元素的鼠标覆盖效果。这些事件被捆绑在一起$(document).ready..例如：$(function() {         $('div._Foo').bind("mouseover", function(e) {         // Do something exciting     });    });当然，这在第一次加载页面时工作得很好，但是当UpdatePanel执行部分页面更新时，它就不会运行，而mouseover效果在UpdatePanel中不再起作用。在jQuery中，不仅在第一个页面加载时，而且每次UpdatePanel触发部分页面更新时，推荐的连接方法是什么？我是否应该使用ASP.NETAjax生命周期而不是$(document).ready?

Answer 1

<script type="text/javascript">

        function BindEvents() {
            $(document).ready(function() {
                $(".tr-base").mouseover(function() {
                    $(this).toggleClass("trHover");
                }).mouseout(function() {
                    $(this).removeClass("trHover");
                });
         }</script>

即将更新的区域。

<asp:UpdatePanel...
<ContentTemplate     <script type="text/javascript">
                    Sys.Application.add_load(BindEvents);
     </script>
 *// Staff*</ContentTemplate>
    </asp:UpdatePanel>

Answer 2

在UpdatePanel中使用jQuery的用户控件

这并不是对这个问题的直接回答，但我把这个解决方案放在一起，阅读了我在这里找到的答案，我想可能有人会觉得它有用。

我试图在用户控件中使用jQuery TextArea限制器。这很棘手，因为用户控件在UpdatePanel中运行，并且在回调中失去了绑定。

如果这只是一页，这里的答案将直接应用。但是，用户控件不能直接访问Head标记，也不能像某些答案所假设的那样直接访问UpdatePanel。

最后，我将这个脚本块放在用户控件的标记顶部。对于初始绑定，它使用$(文档).ready，然后从那里使用prm.add_endRequest：

<script type="text/javascript">
    function BindControlEvents() {
        //jQuery is wrapped in BindEvents function so it can be re-bound after each callback.
        //Your code would replace the following line:
            $('#<%= TextProtocolDrugInstructions.ClientID %>').limit('100', '#charsLeft_Instructions');            
    }

    //Initial bind
    $(document).ready(function () {
        BindControlEvents();
    });

    //Re-bind for callbacks
    var prm = Sys.WebForms.PageRequestManager.getInstance(); 

    prm.add_endRequest(function() { 
        BindControlEvents();
    }); </script>

所以.。只是觉得有人可能想知道这个有用。