0

我写了以下内容,用于显示文本,当我单击更多链接时,它必须显示剩余的段落。我已经尝试过,但我不知道为什么它不起作用,有什么帮助可以解决这个问题。

这是我的以下代码

    <style>
    p span {
        display:none;
    }

</style>

<script type="javascript">
$('a').click(function() {
    $(this).next().show();
    return false;
});

</script>


<table cellpadding:0px;cellspacing:0px;border=0px; width="100%">
<tr>
<td style="width:20%"><a><button class="choosesub_but comingsoon"> list</button></a></td>

<td style="width:47%;"><p style="font:13px verdana;">A written work—be it an essay or a story—is about an idea or concept. An essay explains it; a story narrates it.<a href="#" style="text-decoration:underline;">More...</a>
<span>all to entertain the reader. All paragraphs support each other, leading the reader from the first idea to the final resolution of the written piece of work.</span></p>
</td>
<td style="width:30%;"><ul class="choosesub_ul"><li><a href="#">Community event</a></li></ul></td>
</tr>
</table>

当我单击更多链接时,它必须将输出显示为

书面作品——无论是文章还是故事——都是关于一个想法或概念的。一篇文章解释了它;一个故事讲述了它。更多......一切都是为了娱乐读者。所有段落相互支持,引导读者从最初的想法到书面作品的最终解决。

4

2 回答 2

1
<script type="text/javascript">
$(function() {
    $('a').click(function() {
        $(this).next().show();
        return false;
    });
});
</script>

如果链接尚未加载,则无法绑定到链接单击事件。所以我们将该代码放在document.ready块中,以便在所有内容加载后执行。

脚本类型也应该是type="text/javascript"

于 2012-07-06T17:19:00.417 回答
0
<script>

        $('a').on('click',function () {
            alert("123");
            $(this).siblings().show()
        });
    </script>
于 2012-07-06T17:22:46.027 回答