0

在我的博客中，我有一个转发器，包含实际的博客和对该博客的评论。我现在使用 Scriptalicious 对评论使用显示/隐藏效果。但现在我想将其更改为 Jquery。但我遇到了一些麻烦。似乎我必须为每个会产生这种效果的 div 清除一个 jquery 脚本？

这是今天显示/隐藏评论的链接所在的 html（带有 scriptalicious）：

<a href="#" onclick="new Effect.Appear('i<%# Eval("id") %>', {duration: 1});return false;">Show comments (<%# CountComments (DataBinder.Eval(Container, "DataItem.id")) %>)</a> | <a href="#" onclick="new Effect.Fade('i<%# Eval("id") %>', {duration: 0.5});return false;">Hide comments</a>

如您所见，我正在使用：onclick="new Effect.Fade('i<%# Eval("id") %>'新的 Effect.Fade，传入 id。有人可以给我一个提示，告诉我如何用 Jquery 做到这一点吗？

更新 现在它正在工作。我使用了接受的答案中的代码，并做了一些小的调整。我现在使用的链接如下所示：

<a href="javascript:void(0);" title="i<%# Eval("id") %>">Vis kommentarer (<%# CountComments (DataBinder.Eval(Container, "DataItem.id")) %>)</a>

还有一个包含评论的 div，如下所示：

<div id="i<%# Eval("id") %>" style="display: none;"><%# GetComments (DataBinder.Eval(Container, "DataItem.id")) %></div>

和 Jquery 函数来做魔术：

<script type="text/javascript">
$(document).ready(function () {
    $("a:contains('Vis kommentarer')").click(function () {
        $id = $(this).attr('title');
        $('#' + $id + '').show();
        return false;
    })
});

谢谢您的帮助！:)

4

2 回答 2

1

你的意思是这样的吗？

$("a:contains('Show comments')").click(function() {
  $id = $(this).attr('id');
  $('#' + id + '').show();
});
于 2012-07-12T12:17:35.790 回答
0

函数呢？

<a href="#" onclick="show(this,'i<%# Eval("id") %>');">Show comments (<%# CountComments (DataBinder.Eval(Container, "DataItem.id")) %>)</a> | <a href="#" onclick="show(this,'i<%# Eval("id") %>');">Hide comments</a>  
  function show(this, val)
    {
        new Effect.Fade(val, {duration: 0.5});return false;
    }
于 2012-07-12T09:58:57.497 回答