jQuery(document).ready(function () not working

[Prashanth]

HI,
i am having an editor in a Partial view.   so the ScriptRegistrar() is calling on the bottom of the page.

i am having another jQuery(document).ready(function () event on the parent form.  so both of these are conflicting while run-time. and the functionality for my custom ready() function is not working..

Is there any solution for avoiding this problem...

Please send me a solution for the issue.

Thanks and Regards

Prashanth

[Jonathan]

I am having the same issue, did you find a fix?

[Prashanth]

yes i solved the issue..

in the parent form 

@(Html.Telerik().ScriptRegistrar().Globalization(

 

true).DefaultGroup(group => group.Combined(true).Compress(true)))

on the Partial View or content page
write the onReady function in a variable and bind the onready to the telerik onready event

@{

var onready = "$('ul.css-tabs').tabs('div.css-panes > div');
$('#tooltip img[title]').tooltip({ effect: 'toggle' });
$('tr').mouseover(function () {
$(this).addClass(over);
});
$('tr').mouseout(function () {$(this).removeClass('over');});
$('tr:odd').addClass('alt');";

}

@(Html.Telerik().ScriptRegistrar().OnDocumentReady(onready))

OR

we can create a seperate Javascript file and write the onready FUntion in that file. and refer the Javascript file reference on the partial page.

Note : Always this problem is comming because of the referencing of the external js file. try putting the reference in _layout page or Master Page.