Javascript 如何加上「;选择“;在asp.net核心项目中
我是一个代码初学者。 我创建了我的第一个asp.net核心应用程序,并尝试创建一个带有图标的选择列表。 我想使用此解决方案: 这是我的cshtml文件:Javascript 如何加上「;选择“;在asp.net核心项目中,javascript,asp.net,razor,selectlist,Javascript,Asp.net,Razor,Selectlist,我是一个代码初学者。 我创建了我的第一个asp.net核心应用程序,并尝试创建一个带有图标的选择列表。 我想使用此解决方案: 这是我的cshtml文件: <html> <head id="Head1" runat="server"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type
<html>
<head id="Head1" runat="server">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.11.0/css/selectize.css" type="text/css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.11.0/css/selectize.bootstrap3.css" type="text/css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.11.0/js/standalone/selectize.js"></script>
<script>
$('.email-select').selectize({
valueField: 'name',
labelField: 'name',
placeholder: 'Select somebody'
, options: [{
description: 'Nice Guy',
name: 'Brian Reavis',
imageUrl: '~/img/download.jpg'
}, {
description: 'Other nice guy',
name: 'Nikola Tesla',
imageUrl: '~/img/download.jpg'
}],
render: {
option: function (item, escape) {
return '<div class="option">' +
'<div class="image">' +
'<img class="avatar" src="' + item.imageUrl + '" />' +
'</div>' +
'<div class="text">' +
'<span class="name">' + escape(item.name) + '</span>' +
'<p class="description">' + escape(item.description) + '</p>' +
'</div>' +
'</div>';
}
}
});
</script>
</head>
<body>
<select class="email-select"></select>
</body>
$('.email select')。选择({
valueField:'名称',
拉贝尔菲尔德:“名字”,
占位符:“选择某人”
,选项:[{
描述:“好人”,
姓名:'布莱恩·雷维斯',
imageUrl:“~/img/download.jpg”
}, {
描述:'另一个好人',
名称:“尼古拉·特斯拉”,
imageUrl:“~/img/download.jpg”
}],
呈现:{
选项:功能(项目,转义){
返回“”+
'' +
'' +
'' +
'' +
''+转义(项目名称)+''+
“”+转义(item.description)+”+
'' +
'';
}
}
});
我无法发现任何错误-打开浏览器调试工具并检查javascript错误-或未加载的文件。-核心与此代码无关-这是未正确运行的javascript代码谢谢您的回答。我检查了浏览器调试,没有任何记录。所有脚本都已加载,我可以在调试器中找到它们。很奇怪。我不知道为什么我的js代码没有运行…把它放在你的html页面顶部
谢谢你,但不幸的是它没有改变任何东西。。。