Function $(Document). ready() only executes once

Question

I have an Asp.Net application that has a menu on a main screen that has 2 links, each to a page.

When I click on the first link and upload the first page, the function $(document).ready() wheel set and carries all the components I need.

When I click on the second link, analyzing step by step by Firebug, I notice the function $(document).ready() is not executed. Why ?

This application uses a layout page that is rendered before.

Function $(document).ready()

$(document).ready(function () {
    $('#spn').spinit({ min: 1, max: 100, stepInc: 1, pageInc: 10, height: 13, initValue: 95/*,callback: filtraModeloGrafico4*/});

    //Carrega o datepicker
    jQuery('#_InitialDateValue').datetimepicker( { format: 'd/m/Y H:i' } );
    jQuery('#_FinalDateValue').datetimepicker({ format: 'd/m/Y H:i' });

    jQuery('#_InitialDateValue2').datetimepicker({ format: 'd/m/Y H:i' });

    //Carrega a combo com os dias da semana
    $('#idComboTurno').multiselect({
        includeSelectAllOption: true,
        nonSelectedText: 'Select a week day',
        nSelectedText: 'days',
        numberDisplayed: 0
    });

});

The name of the file that has the function $(document).ready() is site.js

Page that loads all right:

@{
    ViewBag.Title = "Sequence Inspection - Graphics Report";
}

@Scripts.Render("~/Scripts/site.js")

<div class="row-fluid">
    <form class="form-inline">
        <div class="control-group span12">
         // Código...
         </div>
    </form>
</div>

Page that does not load Function $(document).ready()

@{
    ViewBag.Title = "Sequence Inspection - Failure Report";
}

@Scripts.Render("~/Scripts/site.js")

<div class="row-fluid">
@using (Html.BeginForm("ExportaExcel", "FailureReport", FormMethod.Post, new { @class = "form-inline" }))
{
  //Código HTML
}
</div>

Answer 1

I don’t know if that’s the case, but JS inside Partial usually doesn’t run.

Another thing that influences is that you have not specified in which layout block this JS will be loaded. The correct is to specify @section scripts, which ensures that the JS will be loaded at the end of the entire layout rendering:

@section scripts {
    @Scripts.Render("~/Scripts/site.js")
}