jquery移动问题与选择菜单的主题

使用如下选择菜单：

<link href="../Style/jquery.mobile-1.0.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/>
<script src="../js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="../js/jquery.mobile-1.0.min.js" type="text/javascript"></script>
<div data-role="content">
    <select name="select-choice-cognitive" id="select-choice-cognitive" data-theme="b" data-icon="gear" data-inline="false" data-native-menu="false" >
            <option class="cognitivelist" value="ce">Option 1</option>
            <option class="cognitivelist" value="cnc">Option 2</option>
            <option class="cognitivelist" value="cdr">Option 3</option>
    </select>
</div>

当我设置data native menu=“false”时，不会触发单击事件，但主题很好地应用于上述选项

当我设置data native menu=“true”时，会触发单击事件，但当菜单下拉时，主题不会应用于选项

---

这发生在IE和Chrome桌面上。如何使主题和单击事件同时启动？

您可以尝试在禁用本机菜单的情况下使用

选择
中的
更改
事件

$("#select-choice-cognitive").change(function() { alert($(this).val()); });

不管有没有，这都应该奏效。您希望使用更改功能而不是单击功能。然而，确实可以将click函数应用于任何html元素，浏览器并不总是很好地发挥作用。从某种意义上说，使用更改更适合您的情况，在本例中是选择下拉列表


我还清理了一个函数的一点。请随意复习和使用

$("#select-choice-cognitive").change(function() { alert($(this).val()); });

$("#select-choice-cognitive").change(function (event) { //all items with the class .lessonlist  click event
    var strname = $(this).val(),
        pt='../Programs/'+ strname +'/' + strname +'.htm';
    window.location.href(pt);

});