插件代码问题
来源:1-8 几个实用的插件介绍-1
慕丝6937110
2018-12-25 01:00:48
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="https://cdn.bootcss.com/chosen/1.8.8.rc6/chosen.css" rel="stylesheet">
</head>
<body>
<select name="demo" id="demo" style="width: 300px">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<br>
<br>
<select name="demo2" id="demo2" multiple data-placeholder="请选择...">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/chosen/1.8.8.rc6/chosen.jquery.js"></script>
<script>
$(function() {
$('#demo').chosen();
$('#demo2').chosen({
width: '50%'
});
});
</script>
</body>$('#demo').chosen();
$('#demo2').chosen({
width: '50%'
这三行应用的代码是怎么来的,我看了https://harvesthq.github.io/chosen/
中并没有这个具体代码啊?假设我现在就是单纯去github上找了一个jq插件,我该怎么写出这样能实际应用的代码呢???????
1回答
山河远阔ZZ
2018-12-25
同学你好,这三行代码是从chosen的官网使用的:
1、因为使用了chosen插件,所以需要把chosen插件激活,参考下图:

2、使用默认的样式不好看的话,可以更改选择框的宽度,参考下图:

3、去github上找了一个jq插件,直接从这个插件的官网上查看使用方法就可以。
如果看不懂英文,可以使用谷歌浏览器翻译的。
希望我解答了你的问题,祝学习愉快,望采纳!
相似问题