如何在asp.net Web应用程序中的内容占位符中使用jquery？ [英] How can I use jquery inside a content place holder in asp.net web application?

问题描述

我正在尝试在我的asp.net Web应用程序中的内容占位符中使用简单的jquery。在运行aaplication时，它在页面加载时正在工作。页面加载后，jquery不幸停止工作。我把我的代码放在下面。有人可以帮忙吗？

 <％@     Page    语言  =  C＃    CodeBehind   =  NewPage.aspx.cs    MasterPageFile   = 〜/ Site.Master   继承  =  WebApplication5.NewPage   ％>  
 
 <   asp：Content     runat   =  server    ID   =  FeaturedContent    ContentPlaceHolderID   =  FeaturedContent >  
 
 
 <   asp ：内容    runat   =  server    ID   =  BodyContent    ContentPlaceHolderID   = 主要内容 >  
 <  标题 >  
 <   script     src   =   // ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js\">  < /   script  > ;  
 <   script    类型  =  text / javascript >  
 $（ document ）。ready（ function （）{
 $（ 。btnnn）。click（ function （）{
 $（  p）。toggle（ 慢）; 
 
}）; 
}）; 
 <   /   script  >  
 
 <   / header  >  
 
 <   div  >  
 <   p     id   =  para > 点击按钮隐藏此内容!!! <   / p  >  
 
 <   / div   >  
 
 <   div  >  
 <   asp：按钮    ID   =  Button1    CssClass   =   btnnn    runat  < span class =code-keyword> =  server   文本  = 隐藏它    /  >  
 <   / div  >  

解决方案

（ document ）。ready（ function （）{

（ 。btnnn ）.click（ function （）{

（ < span class =code-string> p）。toggle（ slow ）;

}）;
}）;
< / script >

< / header >

< div >
< p id = para > 点击按钮隐藏此内容!!! < / p >

< / div >

< div >
< asp：按钮 ID = Button1 CssClass = btnnn runat < span class =code-keyword> = server 文本 = 隐藏它 / >
< / div >

I am trying to use simple jquery inside content place holder in my asp.net web application. While running the aaplication, it is working when the page gets loaded. After the page load, jquery stops working unfortunately. I hav placed my code below. Can anybody help?

<%@ Page Language="C#" CodeBehind="NewPage.aspx.cs" MasterPageFile="~/Site.Master" Inherits="WebApplication5.NewPage" %>

<asp:Content runat="server" ID="FeaturedContent" ContentPlaceHolderID="FeaturedContent">


<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
    <header>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script>
        <script type="text/javascript">
            $(document).ready(function () {
                $(".btnnn").click(function () {
                    $("p").toggle("slow");

                });
            });
        </script>

    </header>

    <div>
        <p id="para">Click the button to hide this!!!</p>

    </div>

    <div>
        <asp:Button ID="Button1" CssClass="btnnn" runat="server" Text="Hide It" />
    </div>

解决方案

(document).ready(function () {

(".btnnn").click(function () {

("p").toggle("slow"); }); }); </script> </header> <div> <p id="para">Click the button to hide this!!!</p> </div> <div> <asp:Button ID="Button1" CssClass="btnnn" runat="server" Text="Hide It" /> </div>

这篇关于如何在asp.net Web应用程序中的内容占位符中使用jquery？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！