0

我正在努力寻找为什么 Chosen 插件 ( http://harvesthq.github.io/chosen/ ) 不想工作。我尝试了不同的方法，例如直接在 jQuery 中调用选择的插件，而不是在下面的 JavaScript 中，但都不起作用。我相信我已经正确地调用了库和样式表，但是插件的任何功能都没有应用于选择框。这可能是我在某个地方犯的一个简单错误。

这是我的标记，它首先调用样式表。echo $page_htmlhead从 Google API 调用 javascript 库，例如最新的 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>
4

0 回答 0