在局部视图中加载脚本文件

Question

I'm having a problem with my ASP.NET MVC project.

In my project, the user navigate between pages with tabs, every click on tab calls in ajax request to partial view and printing the relevant HTML.

The problem happens when the partial view contains, for example:

<script src="bla.js" type='text/javascript'></script>

First of all, after I loaded the partial view, I can't find the script tag in the page source (or Inspect Elements in chrome). I don't know what the browser does with that script but the second problem, that every time it's loaded again and again.

For example, if I have this event listener in my script file:

$("#button").live("click", function() { console.log("sdf") })

this method will happen again and again due the times the user navigates to this page. If it's the second time, the event listener will call twice.

Answer 1

Try Unbinding the funtion and bind it back again...

$(function(){

        $("#button").unbind('click').bind("click", function() { console.log("sdf") });

});

Hope That Helps.