在隐藏元素中使用dropkick时遇到问题。隐藏元素内的Jquery Dropkick无法正常显示
我已经嘲笑了这里演示:http://jsfiddle.net/C6NuL/
HTML
<p>It should look similar to this</p>
<div>
<select class="dropkick">
<option>Option One</option>
<option>Option Two</option>
<option>Option Three</option>
<option>Option Four</option>
<option>Option Five</option>
</select>
</div>
<div style="clear:both;">
<a href="#" onclick="$('#selectDiv').slideDown(500);return false;">click me</a>
</div>
<div id="selectDiv" style="display:none;">
<p>But it ends up looking like this</p>
<select class="dropkick">
<option>Option One</option>
<option>Option Two</option>
<option>Option Three</option>
<option>Option Four</option>
<option>Option Five</option>
</select>
</div>
JQuery的
$(document).ready(function(){
$('.dropkick').dropkick();
});
这个问题很简单,上内选择列表中使用踢反弹球时,隐藏的元素在显示时无法正确显示说隐藏的元素。
任何人都可以解释发生了什么,或者我可以如何解决这个问题?
我确定它与隐藏的元素没有宽度有关,但不知道如何解决它。
任何帮助都会很棒。
这个作品,麻烦是我有几个隐藏的部分,所以需要专门针对个人的下拉。这是dropkick库中的一个小缺陷,它真的让它失望。 – jimplode
使它有点烦人,那么你将不得不为这种情况下的每一个隐藏的ID选择器使用ID选择器。 – Dan
是的,你会的,但因为我正在调用方法来显示隐藏的元素,使其对我的工作很好。 – jimplode