All geek questions in one place

Launch order for multiple $ (document) .ready (function () {... in an ASP.NET MVC page

I have a Default.master main page that contains a script tag to load Master.js.

  <script src="<%= Url.Content("~/Scripts/Shared/Master.js") %>" 
                  type="text/javascript">     
</script>

<asp:ContentPlaceHolder ID="HeadContent" runat="server" />

Then I have a Default.master-based Upload.aspx content page that contains a script tag to upload Upload.js in the header content area.

<asp:Content ID="contentHead" ContentPlaceHolderID="HeadContent" runat="server">
  <script src="<%= Url.Content("~/Scripts/Store/Upload.js") %>" 
     type="text/javascript"></script>
</asp:Content>

BOTH Master.js and Upload.js contain $ (document) .ready (function () {...

Here is the head element shown on the page

<head>
<link href="/Content/Default.css" rel="stylesheet" type="text/css" />
<link href="/Content/Master.css" rel="stylesheet" type="text/css" />
<link href="/Content/jQuery/smoothness/jquery-ui-1.7.2.custom.css"
rel="stylesheet" type="text/css" />
<link href="/Content/Plugins/MBTooltip/MBTooltip.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
<script src="/Scripts/Plugins/Json/jquery.json-1.3.min.js"
type="text/javascript"></script>
<script src="/Scripts/Plugins/Dropshadow/jquery.dropshadow-1.6.js"
type="text/javascript"></script>
<script src="/Scripts/Plugins/Timers/jquery.timers-1.1.2.js"
type="text/javascript"></script>
<script src="/Scripts/Plugins/MBTooltip/mbTooltip.min.js"
type="text/javascript"></script>
<script src="/Scripts/Shared/jquery.utils.js" type="text/javascript"></script>
<script src="/Scripts/Shared/Master.js" type="text/javascript"></script>
<link href="/Content/Store.css" rel="stylesheet" type="text/css" />
<script src="/Scripts/Store/Upload.js" type="text/javascript"></script>
</head>

And .read () from Master.js

$(document).ready(function() {

  //No selected patient to start with.
  selectedPatient = null;
  //ToDo: Load last active patient?
  activePatient = null;

  //Get/display active patient
  GetActivePatient();

  //Attach events
  $("#patientSelectDialog").dialog({
    autoOpen: false,
    modal: true,
    title: 'Patient Selection',
    resizable: false,
    width: 660,
    height: 475
  });

  $('#btnPatientSearch').click(function() {
    GetPatientList();
    $("#txtPatientSearch").val("");
    $("#txtPatientSearch").focus();
  });

  $('#txtPatientSearch').keypress(function(e) {
    //ENTER
    if (e.which == 13) {
      GetPatientList();
      $("#txtPatientSearch").val("");
      $("#txtPatientSearch").focus();
    }
  });

  $("#patientSearchList").click(function() {
    GetSelectedPatient();
  });

  $('#btnActivatePatient').click(function() {
    ActivatePatient();
  });

  $('#btnNewPatient').click(function() {
    NewPatient();
  });

  $('#btnEditPatient').click(function() {
    EditPatient();
  });

  $('#btnSavePatient').click(function() {
    SavePatient(false);
  });

  $('#btnSaveActivatePatient').click(function() {
    SaveActivatePatient();
  });

  $('#btnCancelPatient').click(function() {
    CancelPatient();
  });

  //Hide patient edit initially
  $('#patientEdit').hide();

  /*3rd party setups*/

  //MBTooltip setup
  $("[title]").mbTooltip({
    opacity: .90, //opacity
    wait: 500, //before show
    ancor: "mouse", //"parent"
    cssClass: "default", // default = default
    timePerWord: 70, //time to show in milliseconds per word
    hasArrow: false,
    color: "white",
    imgPath: "images/",
    shadowColor: "black",
    fade: 500
  });

});

And from Upload.js

$(document).ready(function() {

  if (!IsPatientActive()) {
    $("#fileUpload").attr("disabled", "true");
    $("#btnUpload").attr("disabled", "true");
    $("#noActivePatient").removeAttr("display");
  }
  else {
    $("#noActivePatient").attr("display", "none");
  }
});

I expected $ (document) .ready (function () {... in Master.js to be run first, since the script is loaded first, and then in Upload.js). However, the download. I start js first. I checked the shooting order by setting breakpoints with VS2008 and Firebug.

Is there any way to control the shooting order?

Any thoughts appreciated.

+3
2

, - , , Master.js, .

, Upload.js

<script src="<%= Url.Content("~/Scripts/Shared/Master.js") %>" type="text/javascript"></script>
+1

. DOM , - upload.js.

master.js init upload.js , ​​ , (upload.js).

K. Scoot Allen .

0

Source: https://habr.com/ru/post/1712252/

More articles:


All Articles