jQuery在VS2010中不起作用

时间:2013-10-07 11:04:04

标签: jquery asp.net

您好我是VS2010的新手,我在ASP.NET中尝试使用JavaScript。我试过引用我的示例脚本,但它们不工作,为什么会这样?

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Member_supplier_details.WebForm1" %>

<!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">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<script type="text/javascript">
    $(document).ready(function () {
        $("button").click(function () {
            $("div").animate({ left: '250px' });
        });
    });
</script> 
    <title>test</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <button>Start Animation</button>
<p>By default, all HTML elements have a static position, and cannot be moved. To manipulate the position, remember to first set the CSS position property of the element to relative, fixed, or absolute!</p>
<div style="background:#98bf21;height:100px;width:100px;position:absolute;">
</div>
     <!-- <input name="Qty" type="text" id="Text1" value="0" size="3" tabindex="2000" class="spinner" /> -->
    </div>
    </form>
</body>
</html>

2 个答案:

答案 0 :(得分:0)

更改按钮代码。提交没有类型的becoz按钮,以便提交您的页面。所以将你的类型更改为按钮。

 <button type="button">Start Animation</button>

答案 1 :(得分:-1)

按钮和DIV,他们没有ID'。你需要在html标签中给他们ID,然后在javascript中使用这些id进行更改