Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/381.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何加上「;选择“;在asp.net核心项目中_Javascript_Asp.net_Razor_Selectlist - Fatal编程技术网

Javascript 如何加上「;选择“;在asp.net核心项目中

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

我是一个代码初学者。 我创建了我的第一个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="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页面顶部
谢谢你,但不幸的是它没有改变任何东西。。。