include jQuery source file in asp.net

Question

I have a drop down list and some styles applied to it from two js files, included in head like:

 <script type="text/javascript" src="js/functions.js"></script>
<script type="text/javascript" src="js/jquery.jqtransform.js"></script>

All it's working great when the page is loading for the first time.

But when i do an ajax request on this page the styles applied before, are lost, so i have included the js src files from the code behing like:

 protected void Page_PreRender(object sender, EventArgs e)
{
    loadJs();
}

private void loadJs()
{
    ScriptManager.RegisterClientScriptInclude(this,
        typeof(Page),
        "AlertScript",
        ResolveClientUrl("~/Site/js/jquery.jqtransform.js"));
    ScriptManager.RegisterClientScriptInclude(this,
       typeof(Page),
       "AlertScript2",
       ResolveClientUrl("~/Site/js/functions.js"));
}

But...it's still not working although i see in the broswer - view source that the js files are loaded correctly in the body...

Do you have any suggestion?

Thanks in advance.

Mikael Svenson · Accepted Answer · 2009-12-12 10:22:00Z

1

In your ajax return function (on the html page) you need to reapply the jquery commands you run the first time the page loads.

jQuery runs over the DOM and does what you tell it to. When the ajax call returns and replaces a part of the page, all runtime changes for that region are lost, so you need to reapply them.

Basically you need to call whatever function is called in jqtransform.js and in functions.js on page load on the html element which is replaces.

answered Dec 12, 2009 at 10:22

Mikael Svenson

39.8k8 gold badges76 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

include jQuery source file in asp.net

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related