Comment charger une page, puis exécuter une fonction jQuery?

la page principale je mets ce code pour charger la page dans la même page maître, puis exécutez la fonction jQueryComment charger une page, puis exécuter une fonction jQuery?

Ceci est mon balisage de la page principale:

<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title></title> 
    <asp:ContentPlaceHolder id="head" runat="server"> 
    </asp:ContentPlaceHolder> 
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" /> 

    <script src="js/jquery-1.4.2.js" type="text/javascript"></script> 

    <script type="text/javascript"> 

    $(document).ready(function() { 
     $("#mainContactLink").click(function() { 
     $(body).open("about-us.aspx", self); 
      $("#mainContTable #abtContacts").fadeIn(1000).siblings("div").fadeOut(100); 
      $("#mainContTable #abtContacts").siblings(); 
     }); 
    }); 

</script> 
</head> 
<body> 
    <form id="form1" runat="server"> 

    <div id="mainContainer"> 
    <div id="subContainer"> 
    <div id="topNavigation"> 
    <ul id="topNav"> 
    <li><a href="Default.aspx">Home</a> 

    </li> 
    <li><a href="awards.aspx">Awards</a></li> 
    <li><a href="projects.aspx">Projects</a> 

    </li> 
    <li><a href="NewsDetails.aspx">News</a></li> 
    <li><a href="profile.aspx">Profile</a></li> 
    <li><a href="about-us.aspx">About Us</a></li> 
    </ul> 

    </div> 
    <div id="logoDiv"> 
     <img alt="logo" src="images/logo.png" /> 
    </div> 
    <div id="mainContent" > 
     <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server"> 
     </asp:ContentPlaceHolder> 
     </div> 
     <div id="footer"> 
    <a href="careers.aspx">Careers</a> | <a href="companies.aspx">Companies</a> | <a href="pre-qualification.aspx">Pre-qualification</a> | <a href="about-us.aspx#abtContacts" id="mainContactLink">contact Us</a><div id="content"></div> 
     </div> 
     </div> 
    </div> 

    </form> 
</body> 
</html>

Il s'agit-us.aspx

<%@ Page Title="" Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="about-us.aspx.vb" Inherits="about_us" %> 
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"></asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> 
    <div id="contMainDiv"> 
    <img alt="About Us" src="images/headers/about-header.png" /> 
    <table id="mainContTable"> 
     <tr > 
     <td class="leftTd"> 
      <div id="contentBodyDiv" class="flexcroll"> 
      <div id="abtIntro" style="display:block;">this is some about intro</div> 
      <div id="abtHistory" style="">this is some about History</div> 
      <div id="abtContacts" style="display:block;">and these are contact details</div> 
      </div> 
     </td> 
     <td class="rightTd"> 
      <div id="rightmenu"> 
      <ul class="rightmenu"> 
       <li><a href="#" id="introLink">Introduction</a></li> 
       <li><a href="#" id="historyLink">History</a></li> 
       <li><a href="#" id="visionLink">Vision and Mission</a></li> 
       <li><a href="#" id="contatUsLink">Contact Us</a></li> 
      </ul> 
      </div> 
     </td> 
     </tr> 
    </table> 
    </div> 
</asp:Content>

ça ne marche pas ... une idée?

Source

2010-04-04 Khawar

@Khawar - Sur la base de votre question mise à jour ... Je ne sais pas ce que vous essayez de faire. Êtes-vous déjà dans la page 'about-us.aspx' lorsque vous cliquez dessus, est-ce dans le même master? –

Si vous voulez charger dans la même page, vous pouvez utiliser la méthode load de JQuery pour cela.

$(document).ready(function() { 
    $("#mainContactLink").click(function() { 
    $('body').load("about-us.aspx"); 
     $(" #abtContacts").fadeIn(1000).siblings("div").fadeOut(100); 
    }); 
});

Source

2010-04-04 11:27:39 Sarfraz

je veux dire pas exactement la même page sa page .aspx charge dans une page maître et j'écris ce code sur la page maître – Khawar

@Khawar: Vous devriez être capable de modifier le code selon vos besoins. S'il vous plaît voir la documentation de la méthode de chargement sur le site jquery. Merci – Sarfraz

Comment charger une page, puis exécuter une fonction jQuery?

Répondre

Questions connexes