Question

我尝试将jquery ui效果应用于按钮，这是我的头脑

 <head>
    <title>Bootstrap V3 template</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" media="screen">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">


    <link href="css/travelbuddy.css" rel="stylesheet" media="screen">
      <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

    <script src="js/jquery-1.10.2.js"></script>
    <script src="js/jquery-ui-1.10.4.custom.min.js"></script>


    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>

    <script type="text/javascript" src="js/jquery-selectify.js"></script>
    <link rel="stylesheet" href="css/selectify.css" />
    <script src="js/myfunctions.js"></script>



  </head>

因为Chrome控制台中没有错误，所以似乎都加载了所有内容，我可以在检查器的资源中看到这些文件。

以下是我有按钮的部分：

<div class="container" >
      <div class="row-fluid" >
          <div class="span6" id="MyProfile">
          <h1>Your profile</h1>
            <form action="" method="post" id="registerform">
              <p>
                <label for="firstname">Firstname</label>
                <input class="inputfields" type="text" name="firstname" id="firstname" />
              </p>
               <p>
                <label for="lastname">Lastname</label>
                <input class="inputfields" type="text" name="lastname" id="lastname" />
              </p>
               <p>
                <label for="email">Email</label>
                <input class="inputfields" type="email" name="email" id="email" />
              </p>
               <p>
                <label for="phonenumber">Telephone number</label>
                <input class="inputfields" type="tel" name="phonenumber" id="phonenumber" />
              </p>
               <p>
                <label for="birthday">Birthday</label>
                <input class="inputfields" type="datetime" name="birthday" id="birthday" />
              </p>
              <p>
              <label for="selectgenre">Genre</label>
              <select id="selectgenre">
                <option value="male">Male</option>
                <option value="female">Female</option>
              </select>
              </p>
              <p>
                <label for="cities">Where do you live?</label>
                <input  class="inputfields" type="text" name="cities" id="cities" />
              </p>
              <input id="saveprofile" type="submit" value="A submit button">
              </form>
              </div>
              <div class="span2 offset1" id="MyPhoto">
          </div>
      </div>
    </div>

在我的功能中，我很简单：

$( "#saveprofile" ).button();

我也尝试过：

jQuery( document ).ready(function( $ ) {
   $( "#saveprofile" ).button();
});

但没有奏效。知道我错过了什么吗？

Button似乎没有采取jquery ui按钮效果

0 个答案: