Я новичок в jQuery.. Я использую Visual Studio 2008.. В этом я попробовал базовую функцию jQuery. Но ее не работает.. Моя сценария кодирования:
<title>
<script src="jquery-1.2.6.js" type="text/javascript" />
<script src="jquery-1.2.6-vsdoc.js" type="text/javascript" />
<script src="jquery-1.2.6.min.js" type="text/javascript" />
<script src=" http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript" />
<script type="text/javascript">
$(document).ready( function(){
$("#Button1").click(function(){
alert("Hello");
});
});
</script>
И мое asp-кодирование:
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" Text="Button" />
</div>
</form>
</body>
Может ли кто-нибудь сказать мне, почему он не работает?
измените свой первый блок кода, как показано ниже:
<title>My Test Page</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript" ></script>
<script type="text/javascript">
$(document).ready( function(){
$("#<%=Button1.ClientID%>").click(function(){
alert("Hello");
});
});
</script>
это будет работать.
Когда вы используете элемент управления со стороны сервера (элементы управления asp). Используйте ClientID
для получения этого элемента управления
$(document).ready( function(){
$("#<%=Button1.ClientID%>").click(function(){
alert("Hello");
});
});
Вы включаете jquery несколько раз на странице - как с минимальными, так и с обычными версиями.
Сократите его до одного.
Вы можете попробовать после удаления первых трех библиотек:
<script src="jquery-1.2.6.js" type="text/javascript" />
<script src="jquery-1.2.6-vsdoc.js" type="text/javascript" />
<script src="jquery-1.2.6.min.js" type="text/javascript" />
и PLZ не пытайтесь сделать встроенное закрытие скрипта:
<script src=" http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript">
</script>
Используйте только один файл jquery js.
удалить этот файл jquery
<script src="jquery-1.2.6.min.js" type="text/javascript" />
<script src="jquery-1.2.6.js" type="text/javascript" />
и использовать только
<script src=" http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"
это сработает.
и используйте такую кнопку, если вы просто выполняете операцию jquery
<input type="button" ID="Button1" Text="Button" />