javascript - 为什么我用了ul标签，向上滑动不起作用？

Question

我想在我的页面加载后拉起/向上滑动我的 Html“p”标签。

这段 jQuery 代码工作正常并且是这样做的:

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

HTML:

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

但是当我放置一些像 ul 这样的标签时，它不起作用并且不会拉出 HTML p 标签。

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

Answer 1

您不能将 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>