为特定选择框自定义“选择”插件

Posted 2023-05-09

【中文标题】为特定选择框自定义“选择”插件

【英文标题】：customize "Chosen" plugin for a specific select box

【发布时间】：2017-09-25 12:41:51

【问题描述】：

我想将 Chosen 插件插入到 wordpress 网站中的特定帖子中。这是我的脚本：

jQuery(document).ready(function($)  
  $('select:not(#mo-fonts)').chosen( width:"95%" );
);

<select class="Nom"> 
  <option value="">--- Select ---</option>

我不知道我必须在 jQuery 脚本中进行哪些更改才能为这个选择框（而不是其他选择框）指定插件。我试过这段代码，但没有用：

jQuery(document).ready(function($)  
  $('Nom').chosen( width:"95%" );
);

【问题讨论】：

假设你想使容器的select宽度95%你可以使用CSS：.Nom width: 95%;

不，我不想改变风格，我想指定一个选择框的插件：)

【参考方案1】：

您没有使用正确的选择器来匹配选择元素。这应该有效：

jQuery(document).ready(function($)  
  $('select.Nom').chosen( width:"95%" );
);

【参考方案2】：

让我们做点什么，像这样改变你的 html

<select class="Nom" id="special-select"> 
  <option value="">--- Select ---</option>

让我们使用那个 id

$(document).ready(function()
  $('#special-select').chosen( width:"95%" );      
);

【参考方案3】：

Thannnnnnks 我的朋友 终于成功了^^！！ 非常感谢你的回答很有帮助^^ （我的问题是我更改了另一个页面的脚本，所以当我在导航器中刷新我的页面时，我得到了相同的结果）