使用模板精简控制跨度

时间:2012-03-29 12:58:05

标签: html

<table border="1" width="930">
        <tr>
            <th>Yorum Tarihi</th>
            <th>Yorum Yapılan Film</th>
            <th>Yorum</th>
            <th>Sil</th>
          </tr>

            {foreach value=users from=$comment}
            <tr>    
                <td>{$users.ADD_DATE}</td>
                <td>{$users.NAME}</td>
                {if $users.COMMENT|count_characters > 95}
                <td width="340px"><span id=comment12kisa_{$users.ID}>{$users.COMMENT|truncate:95:"..."}
                    </span><a href="" onclick="$('#comment12kisa_{$users.ID}').html($('#comment12kisaa_{$users.ID}').html());return false;">devamı</a></td>
                <td><center><input type="checkbox" name="checkComment[]" value={$users.Movie_Comment_ID}-{$users.MOVIE_ID} ></center></td>

                    {else}
                    <td width="180px">{$users.COMMENT}</td>
                    <td><center><input type="checkbox" name="checkComment[]" value={$users.Movie_Comment_ID}-{$users.MOVIE_ID}></center></td>
                    {/if}

                    <span id="comment12kisaa_{$users.ID}" style="display:none">{$users.COMMENT}</span>

        </tr>

     {/foreach}

    </table>

上面的代码打印出来。当用户点击“devam”链接时,屏幕就变成了这个。我的意思是它显示的更多与评论有关。我为此使用标签。但是,当它显示更多评论时,“devam”链接仍然存在。我怎么能删除它? enter image description here

enter image description here

2 个答案:

答案 0 :(得分:1)

只需在onclick属性中添加:

$(this).hide();

答案 1 :(得分:0)

您可以使用jTruncate显示和隐藏“devam”   $('#your devam包含块id或类')。jTruncate({
            长度:200,
            更多文章:“显示Devam”,
            lessText:“隐藏Devam”
        });
这是一个jquery插件。如果您认为这样的话,请尝试这个选项。