JQuery按钮不起作用

时间:2013-01-04 19:19:04

标签: jquery

它使用PHP,JQuery和HTML,但问题在于按钮使用JQuery和HTML:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Aircraft Fleet</title>
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <link rel="stylesheet" href="./css/flick/jquery.ui.all.css">
    <script src="./jquery-ui.js"></script>
    <script src="./ui/jquery.ui.core.js"></script>
    <script src="./ui/jquery.ui.widget.js"></script>
    <script src="./ui/jquery.ui.button.js"></script>

<script>
    $(function() {
        $( "input[type=submit], a, button" )
            .button()
            .click(function( event ) {
                event.preventDefault();
            });
    });
</script>

</head>
<body>


    <form action="new_aircraft_fleet_process.php" method="post">
    <table>

    <tr><td class="forms">Registration: </td><td><input maxlength="6"  type="text" name="registration" size="15"/></td></tr>

    <tr><td></td><td><input type="submit" value="Insert Submit"/></td></tr>
    </table>
</form>

</body>
</html>

该按钮不起作用。如果你推它,没有任何反应。我想要按钮的形式。

2 个答案:

答案 0 :(得分:0)

1.您没有将jquery.js包含在您的来源中。

src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"
  1. 您应该设置输入tpye button

  2. 您应该使用submit()。

    $( “表”)。提交(()的函数 {

    });

答案 1 :(得分:0)

你不是首先要包含jQuery Source ..

jQuery UI需要jQuery作为依赖..

var $elems = $("input[type=submit], a, button");

$elems.button();

$elems.on('click', function(event) {
    event.preventDefault();
});​