如何避免多个$(文档).ready()

Question

如何避免多个$(文档).ready()

bAN*_*bAN 2 c# asp.net jquery code-organization

我使用Jquery在ASP.NET应用程序上工作.Jquery非常强大,我使用了很多.在我的母版页中,我包含了我使用的所有库以及包含可用于所有应用程序的jquery代码的js文件(界面交互).在这个js文件(Main.js)中,我做了一些事情,所以我使用了$(document).ready( ... etc .. )

但是在某些页面中,谁更复杂,我需要使用其他一些jquery代码..所以我添加一些头部内容与其他脚本标签..这就是问题,我必须$(document).ready()再次添加指令.

使用这种方式我的asp控件有很多问题,autopostback控件不执行自动回复..我认为这是多重$(document).ready()声明的问题,因为当我删除第二个(在页面中没有)主页面)控件正在运行.

那么我怎样才能在没有多重$(document).ready()声明的情况下在特定页面中添加一些javascript代码.(我不想在所有页面中嵌入所有jquery代码).

我希望我很清楚,谢谢你的回复

这里编辑的是代码

主页部分

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="SiteMaster" %>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">


<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <link href="Styles/jquery-ui-1.8.9.custom.css" rel="stylesheet" type="text/css" />
    <link href="Styles/menu.css" rel="stylesheet" type="text/css" />

    <script src="/js/jquery-1.4.4.min.js" type="text/javascript"></script>
    <script src="/js/jquery-ui-1.8.7.custom.min.js" type="text/javascript"></script>
    <script src="/js/jquery.cookie.js" type="text/javascript"></script>
    <script src="/js/jquery.ui.datepicker-fr.js" type="text/javascript"></script>
    <script src="/js/jquery.color.js" type="text/javascript"></script>  
    <script src="/js/Menu.js" type="text/javascript"></script>
    <script src="/js/iphone-style-checkboxes.js" type="text/javascript"></script>  
    <script src="/js/jquery.tools.min.js" type="text/javascript"></script>      
    <script src="/js/Main.js" type="text/javascript"></script>                   

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

<body>
Some content....

</body>
</html>

Run Code Online (Sandbox Code Playgroud)

Main.js

$(document).ready(function () {

/// <reference path="jquery-1.4.4-vsdoc.js" />

//There is a lot of content here......

Run Code Online (Sandbox Code Playgroud)

});

还有一页

<%@ Page MasterPageFile="~/Site.master" Language="C#" AutoEventWireup="true" CodeBehind="Dep.aspx.cs" Inherits="Dep" %>

<asp:Content ID="HeadContent1" ContentPlaceHolderID="HeadContent" runat="server">
<link href="../../Styles/nyroModal.css" rel="stylesheet" type="text/css" />
<script src="../../js/jquery.nyroModal.custom.min.js" type="text/javascript"></script>

<script type="text/javascript">    
    $(document).ready(function () {

        $('#tbxDateDebut').datepicker();
        $('#tbxDateFin').datepicker();

        $('.nyroModal').nyroModal();
    });

</script>


</asp:Content>


<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

//Here comes the controls... (lot of code)       


</asp:Content>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Ray*_*nos 6

main.js

$(document).ready(function () {
  //There is a lot of content here......
  if ($.pageReady) $.pageReady($);
});

Run Code Online (Sandbox Code Playgroud)

page.js

<script type="text/javascript">

  $.pageReady = function() {
    // fired on DOM ready
  }

</script>

Run Code Online (Sandbox Code Playgroud)

归档时间：	14 年，11 月前
查看次数：	2640 次
最近记录：	14 年，11 月前