大家好,我一直在这里呆了整整一个星期,试图解决这个问题,并找出它为什么? ,,,enter image description here我怎样才能使用我的自定义下拉多次
香港专业教育学院创建自定义dropable这是类似选择的选项,原因在选择选项字体真棒图标不会在它里面工作的,每次我从他们总是有表选择保存内容
HTML代码:
<td class=""><div class="pull-right dropdownSelecticon"><i class=" fa fa-caret-down"></i></div>
<div class="form-control dropdownSelect">
<div class="route">Select Route</div>
<ul class="dropdownSelectopt">
<li><span><i class="fa fa-forward"></i> Forward to tenant contacts</span></li>
<li><span><i class="fa fa-file"></i> Do task note</span></li>
<li><span><i class="fa fa-paper-plane-o"></i> Ask/send a message</span></li>
<li><span><i class="fa fa-envelope-o"></i> Send to voicemail</span></li>
<li><span><i class="fa fa-ban"></i> Block</span></li>
</ul>
</div></td>
<td class=""><div class="pull-right dropdownSelecticon"><i class=" fa fa-caret-down"></i></div>
<div class="form-control dropdownSelect">
<div class="route">Select Route</div>
<ul class="dropdownSelectopt">
<li><span><i class="fa fa-forward"></i> Forward to tenant contacts</span></li>
<li><span><i class="fa fa-file"></i> Do task note</span></li>
<li><span><i class="fa fa-paper-plane-o"></i> Ask/send a message</span></li>
<li><span><i class="fa fa-envelope-o"></i> Send to voicemail</span></li>
<li><span><i class="fa fa-ban"></i> Block</span></li>
</ul>
</div></td>
这里是我的jQuery代码:
$('.dropdownSelectopt').hide();
$('.dropdownSelectopt li').each(function(){
$(this).click(function(){
value = $(this).html();
cl = $(this).parents().find('.route').html(value);
console.log(cl +'test');
});
});
$('.dropdownSelect').click(function(){
$('.dropdownSelectopt').toggle();
});
仍然没有工作先生,,有什么需要澄清的信息吗?顺便说一句,非常感谢 – chamz