Php 包括ddSlick，但不包括'；行不通

嗨，我想用图片做一个下拉列表。这就是为什么我想使用ddSlick（jQuery插件），它可以为我实现这一点。不幸的是，它不起作用。但是我遵循了插件的说明。我尝试了以下方法：

  <option value="0" data-imagesrc="{{ asset('images/orange.png') }}"

模板_head.blade.php（包括jquery.ddslick.min.js文件）

报价工具
{{HTML:：style（'css/bootstrap.min.css'）}
{{HTML:：script（'js/bootstrap.min.js'）}
{{HTML:：script（'js/application.js'）}

user.blade.php（具有下拉列表）

@包括（'user.\u layouts.template\u head'）
$（“#我的下拉列表”）.ddslick({
onSelected：功能（selectedData）{
//回调函数：对所选数据进行处理；
$（'#demo htmlselect'）.ddslick（）；
}   
});
脸谱网
啁啾
LinkedIn
四方

在user.blade.php中，您可以看到以下内容：

  <option value="0" data-imagesrc="{{ asset('images/orange.png') }}"

---

这只是一个猜测，但您可能需要将js代码包装在
$（document.ready（）
中。
这可以确保DOM中的所有元素都存在，并且插件可以正确初始化

$(document).ready(function(){
    $('#demo-htmlselect').ddslick();
});

编辑：您也不需要所有的
#myDropdown
内容

<script>
  $('#demo-htmlselect').ddslick({
onSelected: function(selectedData){
    //callback function: do something with selectedData;
     $('#demo-htmlselect').ddslick();
  }   
});
</script>

$（'#演示htmlselect'）.ddslick({
onSelected：功能（selectedData）{
//回调函数：对所选数据进行处理；
$（'#demo htmlselect'）.ddslick（）；
}   
});

您需要提供您的下拉列表id，而不是
myDropdown
。然后，在
onSelected
功能中，您可以根据需要对所选数据进行操作。
您好，我已经尝试了您的解决方案，但不幸的是，它不起作用：（.@superkytoz好的，你为什么要在
#myDropdown
的回调函数中的
#demo htmlselect
上初始化ddslick？老实说，我不知道，但我现在已经尝试过了：link:但仍然不起作用..我使用这段代码，因为我已经从link:selector上的说明中读过了（
#我的下拉列表
）需要与您选择的元素匹配。请稍等，我会更新我的答案。我很高兴它能工作！再次感谢您的回答：）！
<script>
  $('#demo-htmlselect').ddslick({
onSelected: function(selectedData){
    //callback function: do something with selectedData;
     $('#demo-htmlselect').ddslick();
  }   
});
</script>