Question

所以我在使用display：none。

从左到右滑动时遇到问题

<div class="second">
<li><a id="sale_man" rel="showinfo"><?php echo $lang['sale_man'];?></a></li>
<li><a id="purch_man" rel="showinfo"><?php echo $lang['purch_man'];?></a></li>
<li><a id="load_man" rel="showinfo"><?php echo $lang['load_man'];?></a></li>
<li><a id="acc_man" rel="showinfo"><?php echo $lang['acc_man'];?></a></li>
</ul></div>
<div  class="third" style="display: none;" >
lolo</div>

$('#sale_man').click(function(){
     $('.third').show("slide", { direction: "right" }, 1000);
});

所以在点击id =“sale_man”之后我需要用3级滑动div，但没有任何反应..

Answer 1

有几件事是错的。首先是Yorgo发现的<ul>标记缺失。

第二个是这一行

$('.third').show("slide", { direction: "right" }, 1000);

如果您将其更改为

$('.third').show();

您将看到div将出现（但没有您想要的动画）。这意味着您的语法错误。

如果你看API documentation page for show()

您将看到没有任何版本的函数可以接收您在代码中的参数。

所以要么你的代码中应该有一个自定义的show函数，它会覆盖jQuery的函数。或者你应该包括一个支持你所追求的功能的jQuery插件。

编辑：您似乎缺少this jQuery UI plugin

Answer 2

你忘了标记

<div class="second">
    <ul>
    <li><a id="sale_man" rel="showinfo"><?php echo $lang['sale_man'];?></a></li>
    <li><a id="purch_man" rel="showinfo"><?php echo $lang['purch_man'];?></a></li>
    <li><a id="load_man" rel="showinfo"><?php echo $lang['load_man'];?></a></li>
    <li><a id="acc_man" rel="showinfo"><?php echo $lang['acc_man'];?></a></li>
    </ul></div>

从左到右显示

2 个答案: