在我的html文件中如何使用Chosen jQuery?

前端之家收集整理的这篇文章主要介绍了在我的html文件中如何使用Chosen jQuery?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何在我的html页面中应用Chosen jQuery?

我有一个选择表单,所以我需要使用选择的多个选择,使其看起来更加用户友好.

<select class="chosen" multiple="true" name="faculty">
        <option value="AC">A</option>
        <option value="AD">B</option>
        <option value="AM">C</option>
        <option value="AP">D</option>
</select>

我已经下载了这些文件并将其复制到我的网页文件夹中.

所以,我做的是在< head&gt ;::中包含selected.jquery.min.js

<script type="text/javascript" src="chosen/chosen.jquery.min.js"></script>

该指令说要调用所选的插件:$(“.chzn-select”).selected();

我不知道在哪里放置该JavaScript语句为了调用选择多个选择.我以为这是用Bootstrap一样简单啊.任何帮助?

解决方法

如果您按照 Bootstrap’s example markup structures之一,您会注意到他们在底部(< / body>标签上方)调用所有JavaScript文件.

你也想做同样的事情;就像是:

</div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="../assets/js/jquery.js"></script>
    <script src="../assets/js/bootstrap-transition.js"></script>
    <script src="../assets/js/bootstrap-alert.js"></script>
    <script src="../assets/js/script.js"></script>     <!-- Your custom JS -->

  </body>
</html>

在这个script.js文件中,您需要添加以下内容

$(function(){
    $(".chzn-select").chosen();
});
原文链接:https://www.f2er.com/html/231160.html

猜你在找的HTML相关文章