如果我使用ul标签,为什么向上滑动不起作用?

时间:2017-04-14 13:08:29

标签: javascript jquery html css

我想拉起/滑动我的Html" p"我的页面加载后标记。

这个jQuery代码运行正常并且这样做:

$(function () {
    $('.graybgc').slideUp(0);
});

HTML:

<p class="graybgc">
    <span>A: </span>abcd.....
</p>

但是当我添加像ul这样的标签时,它不起作用,也不会拉起HTML标签。

 <p class="graybgc">
       <span>A: </span>
          <ul >
            <li>123</li>
             <li>123</li>
          </ul>
</p>

3 个答案:

答案 0 :(得分:4)

您无法在ul标记内添加p标记。请检查HTML specification

以下是使用div标记(JSFiddle:https://jsfiddle.net/Hulothe/sa09gu46/)的工作示例:

$('.graybgc').on('click', function() {
    $(this).slideUp(0);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="graybgc" >
    <span>A: </span>
    <ul>
        <li>123</li>
        <li>123</li>
    </ul>
</div>

答案 1 :(得分:1)

使用&lt; DIV&gt;而不是&lt; p&gt;

var condition = EC.and(valuePresentNick , valuePresentRoom);
browser.wait(condition, 5000); 

答案 2 :(得分:0)

$('.graybgc').on('click', function() {
    $(this).slideUp("slow");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="graybgc" style="background:red" >
    <span>A: </span>
    <ul>
        <li>123</li>
        <li>123</li>
    </ul>
</div>