JQuery가 작동하지 않습니다.

Question

내 웹 페이지에 JQuery를 구현하려하지만 성공적으로 구현할 수 없습니다.

나는 마스터 페이지 난 이미 이것은 마스터 페이지 자체 코딩 구글

주최 jQuery를 사용하고 메뉴 모음에 대해 하나의 스크립트를 추가

에게이 이제 내가 원하는

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> 

css visibility 속성을 true 또는 false로 설정하기위한 Jquery를 구현합니다. 에 내 마스터 페이지가 동일한 content page입니다.

<script type="text/javascript"> 
      $(document).ready(function(){ 
       $("#lnkAddMore").click(function(){ 
       alert(); 
        } 
       ); 
      }); 
     </script> 

이 HTML 컨트롤은 내 UpdatePanel 아래에 있습니다. 왜 작동하지 않는지 잘 모릅니다. 이 컨트롤은 UpdatePanel에서 사용하고 있습니다.

<input type="button" id="lnkAddMore" value="Add More" /> 

가 나는 UpdatePanel

내가 UpdatePanel

함께 사용에 문제가있는 생각에서 성공적으로하지만 하지 실행 내 갱신 외부 패널을 사용하려

여기 내 페이지 소스입니다

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> 


    <link href="../../Css/Domain.css" rel="stylesheet" type="text/css" /> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#lnkAddMore").click(function(){alert();$('#h').hide(100);}); 
      $('#h').show(100); 
     }); 
    </script> 


     <asp:ScriptManager ID="ScriptManager1" runat="server"> 
     </asp:ScriptManager> 
     <asp:UpdatePanel ID="UpdatePanel1" runat="server"> 
     <ContentTemplate> 
      <div id="divDomain" runat="server"> 
<asp:gridview/> 
       <div style="text-align:right;"> 
        <input type="button" id="lnkAddMore" value="Add More" /> 
       </div> 
      </div> 

 </ContentTemplate> 
    </asp:UpdatePanel> 

Answer 1

저는 jQuery와 UpdatePanels에서 두 가지 접근법을 사용했습니다.

첫 번째

은 이것이다 : jQuery $(document).ready and UpdatePanels?

나는 릭 Strahl의 블로그에서 발견 다른 방법 (http://www.west-wind.com/Weblog/posts/154797.aspx) 뒤에 코드에서 이런 일을하는 것입니다 어느 :에 대한

ScriptManager.RegisterClientScriptBlock(this, typeof(Page), "alertScript", 
    @" $(document).ready(function(){ 
      $("#lnkAddMore").click(function(){ 
      alert(); 
       } 
      ); 
     });", true); 

확인이 아웃 다른 예 : Problem with ScriptManager.RegisterClientScriptBlock and jQuery in Internet Explorer 8

또한 jQuery의 live() 이벤트 구독자를 살펴보십시오.

Answer 2

당신은 정말 <script> 태그를 중첩하거나 오타했다가 있습니까? 그 오타가 아니라면

<script type="text/javascript"> 

<script type="text/javascript"> 

는, 그 아마 문제입니다.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#ddmenu > li').bind('mouseover', ddmenu_open) 
     $('#ddmenu > li').bind('mouseout', ddmenu_timer) 
    }); 

    $(document).bind('click', ddmenu_close); // do you really want to close on any click? 
</script> 

Answer 3

확인합니다.

그렇다면 JQuery를 조정해야합니다.