ASP.NET AJAX $find method failes when used in jQuery's $(document).ready() method

Question

I\'m trying to find a tree using ASP.NET AJAX\'s client-side framework. I also use jQuery for doing any JavaScript operation after the DOM is ready. my code is like:

<         


        

Answer 1

Try using ASP.NET Ajax DOM Ready.

Sys.onReady(function() {
    //DOM is ready to access and use
    var tree = $find('treeId');
});

Answer 2

this worked for me with Telerik controls:

$telerik.$(document).ready(function () {
    var tree = $telerik.$find("<%=RadTreeView1.ClientID%>");
});

see this http://www.telerik.com/help/aspnet-ajax/introduction-using-jquery.html

Answer 3

I have had problems with the telerik controls and ClientIDMode="Static" before. I simply removed this attribute and used $find('<%= Radtree1.ClientID %>') and it worked.

Edit: Following on from the accepted answer, you can set the default $ to use jquery by pointing it to the telerik $.

window.$ = $telerik.$

If you do that on the site.master (or anywhere global) you'll be able to use jquery as normal.