Question

我希望每当我单击带有jquery的class a时都显示.lrm类，我使用css display:none;禁用了.lrm，并希望使用jquery切换方法显示

<div id="main">
        <h1>Boora boora</h1>
        <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        <a href="#">More info</a>
        <p class="lrm">"Lorem ipsum dolor sit amet, consectetur</p>
    </div>

$(document).ready(function () {
    $('#main').on('click', 'a', function (event) {
        event.preventDefault();
    })
    $(this).closest('#main').find('.lrm').toggle('fast');
})

Answer 1

移动在点击处理程序内切换的命令：

pagefile.sys

Answer 2

jQuery切换功能不执行任何操作

可以。您的只是没有执行，因为没有匹配的元素。

此行不在您的点击处理程序中：

$(this).closest('#main').find('.lrm').toggle('fast');

它在页面加载时执行一次（好在文档准备就绪时）。那时this是document，没有最接近的#main。由于.closest()返回空集，因此永远不会执行find，也永远不会执行toggle。

在点击处理程序的内部行

$('#main').on('click', 'a', function (event) {
    event.preventDefault();
    $(this).closest('#main').find('.lrm').toggle('fast');
});

jQuery切换功能不执行任何操作

2 个答案: