2015-12-22 4 views
-1
 <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#LkForgot').on('click', function (e) { 
       alert("The paragraph was clicked."); 
      }); 
     }); 
    </script> 

Приведенный выше код не работает. Когда я нажимаю на #LkForgot в ContentPlaceHolder, он не предупредит.он («щелчок», функция() не работает при использовании в ContentPlaceHolder

Это мой Masterpage:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> 

    <head id="Head1" runat="server"> 
     <title>viber bulk sender</title> 
     <script type="text/javascript" src="script/jquery-1.11.1.min.js"></script> 
     <script type="text/javascript" src="script/jquery-ui.min.js"></script> 
     <script type="text/javascript" src="script/autosize.min.js"></script> 
     <script type="text/javascript" src="script/script.js"></script> 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
     <link rel="stylesheet" href="CSS/custombox.min.css"> 
     <script src="script/custombox.min.js"></script> 
     <asp:ContentPlaceHolder ID="head" runat="server"> 
     </asp:ContentPlaceHolder> 
    </head> 

<body style="font-family: Tahoma; font-size: 12px;"> 
    <form id="form1" runat="server"> 
    <div class="main register relative" style="min-height: 100%; margin: 0; text-align: center;"> 
     <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 
     </asp:ContentPlaceHolder> 

Это скрипт в контентной управления:

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server"> 
    <link rel="stylesheet" href="CSS/custombox.min.css"> 
    <script src="script/custombox.min.js"></script> 
    <script type="text/javascript" src="script/jquery-1.11.1.min.js"></script> 
    <script type="text/javascript" src="script/jquery-ui.min.js"></script> 
    <script type="text/javascript" src="script/autosize.min.js"></script> 
</asp:Content> 

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server"> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('#LkForgot').on('click', function (e) { 
       Custombox.open({ 
        target: '#ddd', 
        effect: 'fadein' 
       }); 
       e.preventDefault(); 
      }); 
     }); 
    </script> 
    <asp:LinkButton ID="LkForgot" runat="server">Forgot Password</asp:LinkButton> 
    <div id="ddd"> 
     adsfasdfasd 
    </div> 
</asp:Content> 

любая помощь быть оцененным. Thanks

+0

Вопросы, связанные с поиском справки по отладке («почему этот код не работает?») Должны включать в себя желаемое поведение, конкретную проблему или ошибку и ** кратчайший код, необходимый для его воспроизведения ** в самом вопросе. Вопросы без четкого описания проблемы не полезны другим читателям. См.: Как создать минимальный, полный и проверенный пример. – Amit

+0

Прочтите [ask] внимательно. – Amit

+0

в вашем атрибуте использования linkbutton ClientIDMode как статический. –

ответ

1

Попробуйте изменить путь к источнику, как этот

<script type="text/javascript" src='<%= ResolveUrl("~/script/jquery-1.11.1.min.js")%>' ></script> 
0

Когда вы помещаете что-то внутри ContentPlaceHolder, его идентификатор будет изменен при визуализации в браузер клиента.

Для этого вам необходимо использовать .class, так как вы используете div.

Если есть какие-либо средства управления сервером, вы можете использовать следующий код для получения идентификатора клиента.

$("#<%=ServerControl1.ClientID%>").click(function(){ 
    //CODE 
}); 
-2

Вы вызываете функцию с именем класса. потому что идентификаторы являются изменениями при создании страницы. ИЛИ вы можете проверить страницу html и получить правильный идентификатор элемента. или

3

Зарегистрируйте ваше мероприятие управления, как:

$('[id$=LkForgot]').on('click', function (e) { 
      Custombox.open({ 
       target: '#ddd', 
       effect: 'fadein' 
      }); 
      e.preventDefault(); 
}); 

Или

использования ClientIDMode как статический в LinkButton.

0

Add Jquery файл как этот

<script type="text/javascript" src='<%= ResolveUrl("~/script/jquery-1.11.1.min.js")%>' ></script> 

    then 
<script> 
    $(document).ready(function() { 

    $("#<%=LkForgot.ClientID%>").click(function(){ 
     //CODE 
    }); 
    }); 
</script> 
0

попробовать этот

$("#<%=LkForgot.ClientID%>").click(function(){ 
     //CODE 
    }); 

ИЛИ

$(document).ready(function() { 

$("#<%=LkForgot.ClientID%>").click(function(){ 
     //CODE 
    }); 
}); 
+0

Разве это не должно быть частью вашего другого ответа? Вы можете [редактировать] (http://stackoverflow.com/posts/34413658/edit) сообщения. И когда вы на нем, а не на * попробуйте это *, немного больше объяснений будет полезно для будущих посетителей. – rene

Смежные вопросы