Question

我创建一个简单的表单，选择几个度数列表。但我无法这样做jQuery代码无法正常工作我不知道为什么

的login.html

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>login</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="css/LibApp.css">

    <link rel="stylesheet" href="jqueryMobile/jquery.mobile-1.3.2.css">
    <link rel="stylesheet" href="jqueryMobile/jquery.mobile.structure-1.3.2.css">
    <link rel="stylesheet" href="jqueryMobile/jquery.mobile.theme-1.3.2.css">

    <script>window.$ = window.jQuery = WLJQ;</script>
    <script src="jqueryMobile/jquery.mobile-1.3.2.js"></script>

</head>

<body id="content" style="display: none;"> 
<div data-role="page" id="page">

<div data-role="header">
   <a href="LibApp.html" data-icon="delete" data-transition="flip">Cancel</a>
   <h1>Filling Details</h1>
<a href="#" data-icon="check">Save</a>
</div>

<div data-role-mini="content" class="login_info">
<form>
<ul data-role="listview" data-inset="true">
<li>
        <div data-role="fieldcontain">
    <label for="First Name">First Name</label>
        <input type="text" data-mini="true" name="fname" id="fname" placeholder="firstname" data-clear-btn="true">
        </div>
</li>

<li>
        <div data-role="fieldcontain">
    <label for="Last Name">Last Name</label>
    <input type="text" data-mini="true" name="lname" id="lname" placeholder="lastname" data-clear-btn="true">
    </div>
</li>

<li>
    <div data-role="fieldcontain" id="degrees">
        <label for="select-choice-c" class="select">Choose your Degree...</label>
    <select name="select-choice-c" id="select-choice-c" data-native-menu="false">
        <option>Degree</option>
        <option value="btech">BTech</option>
        <option value="bba">BBA</option>
        <option value="bca">BCA</option>
        <option value="mtech">MTech</option>
        <option value="mca">MCA</option>    
        <option value="mba">MBA</option>
    </select>
    </div>      
</li>
</ul>
</form>
</div>

</div>

<script src="js/initOptions.js"></script>
<script src="js/messages.js"></script>
<script src="js/LibApp.js"></script>     

</body>
</html>

我的javascript文件是LibApp.js

$(document).ready(function(){
    $('select[name=select-choice-c]').select(function(){

        var myselect = $( "#degrees" );

        myselect.selectmenu( "refresh" );
        alert("heyy"+myselect);
    });
});

我认为javascript文件存在问题

自定义选择不在jQuery Mobile中工作？

0 个答案: