Question

我正在撕扯我的头发，找出为什么选择插件（http://harvesthq.github.io/chosen/）不想工作。我尝试了不同的东西，比如直接在jQuery中调用所选的插件，而不是在下面的JavaScript中调用，但是它们都不起作用。我相信我已经调用了库以及样式表，但插件的所有功能都没有应用于选择框。这可能是我在某处犯过的一个简单错误。

这是我的标记，它首先调用样式表。 echo $page_htmlhead调用javascript库，例如来自Google API的最新jQuery。

<head>

    <!--[if lt IE 9]>
    <script src="<?php echo SITE_URL?>/lib/skins/flyeuro_V2/scripts/js/html5shiv.js"></script>
    <![endif]-->

    <title>flyeuro.com</title>  

    <meta http-equiv="X-UA-Compatible" content="IE=7"></meta>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="description" content="Europe's favourite virtual airline!">

    <link rel="shortcut icon" type="image/x-icon" href="<?php echo SITE_URL?>/lib/skins/flyeuro_V2/img/favicon.ico">
    <link rel="stylesheet" media="all" type="text/css" href="<?php echo SITE_URL?>/lib/skins/flyeuro_V2/css/style.css" />
    <link rel="stylesheet" media="all" type="text/css" href="<?php echo SITE_URL?>/lib/skins/flyeuro_V2/scripts/js/main/chosen/chosen.css" />

    <?php 
    /* This is required, so phpVMS can output the necessary libraries it needs */
    echo $page_htmlhead; 
    ?>

    <script type="text/javascript" src="<?php echo SITE_URL?>/lib/skins/flyeuro_V2/scripts/js/main/chosen/chosen.jquery.js"> </script>

    <script type="text/javascript">
    $(document).ready(function() {
        $(".chosen-select").chosen()
    });
    </script>

     // ...rest of <head> code

</head>

内部$page_htmlhead ...

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

然后我终于在表单上显示用户的选项...

<select class="chosen-select" name="depicao" data-placeholder="Departure Airport">
    <option value="">All</option>

        <?php

        foreach ($airports as $airport)
        {
            echo '<option value="'.$airport->icao.'">'.$airport->icao.' - '.$airport->name.'</option>';
        }

        ?>

</select>

选择的插件不起作用

0 个答案: