Javascript jquery震动效应与引导问题

我使用.effect（“shake”）有一个奇怪的jquery效果。我的跨度是应用于包含它的元素前面的效果，当效果结束时，它会返回到它的原始位置

<div id="menu_area">
<ul id="menu">
<?php


?>
<li><a href="<?=base_url()?>home">Home</a></li>
<li><a href="#">All Products</a></li>
<li><a href="#" id="msgcart">Shopping Cart<span id='badgemessage' class='badge'><?=count($ses)?></span></a></li>
<li><a href="#">My Account</a></li>
<li><a href="#">Sign Up</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
        <div id="search_form">
        <?=form_open_multipart(base_url().'products/search')?>
        <input type="text" name="pretrazi" id="search_input" placeholder="Search Products">
        <button type="submit" name="search" id="trazi"><img src="<?=base_url()?>images/search.png" width="20" height="17" id="searchslika"/></button>
        </form>
        </div>

</div>

引导徽章类别：

.badge{
display:inline-block;
min-width:10px;
padding:3px 7px;
font-size:12px;
font-weight:700;
line-height:1;
color:#fff;
text-align:center;
white-space:nowrap;
background-color:#777;
border-radius:10px}

js:

---

jQuery将一个div包装器添加到被操纵的项目中，并执行

shake

效果，然后删除包装div。您的项目是内联的，因此当应用div包装器时，它自动具有

display:block默认情况下

添加以下CSS行将修复此默认值，使其显示为内联

.ui-effects-wrapper {
  display:inline;
}

工作jsBin:
你能添加一个JSIDLE或jsBin来重现你的错误吗？@NateW我回家后会检查它，如果它对我有效，我会给你积分
$("#badgemessage").effect("shake",{distance:1,times:1});

.ui-effects-wrapper {
  display:inline;
}