Question

我正在创建一个添加和删除按钮，当你可以添加上面的图片时，请添加，当你可以删除时，请删除。然而，我被困在如何使其工作。添加时我得到的是什么，但删除时却没有：

    $('.button a').click(function() {
        var url = $(this).attr('href');
        var info = $(this).attr('rel');
        var cct = $.cookie("<?php echo $this->config->item('csrf_cookie_name'); ?>");

        $.get(url, {<?php echo $this->security->get_csrf_token_name(); ?>: cct}, function() {
            $('.button a').empty().addClass('delete');
            $('.addText').empty().html(info);
        });
        return false;
    });

html

<div class="addText">please add</div>

<div class="button"><a href="cabinet/add/180" class="add" rel="please delete"></a></div>

Answer 1

由于您是从链接的rel属性中获取文字，因此您需要将rel更改为您希望其下一步说明的内容：

// Add to Cabinet
$('.button a').click(function() {
    var url = $(this).attr('href');
    var info = $(this).attr('rel');
    var cct = $.cookie("<?php echo $this->config->item('csrf_cookie_name'); ?>");

    $.get(url, {<?php echo $this->security->get_csrf_token_name(); ?>: cct}, function() {
        $('.button a').empty().addClass('delete');
        $('.button a').attr('rel', $('.addText').html()); // Change the rel text
        $('.addText').empty().html(info);
    });
    return false;
});

顺便说一句：从不允许GET请求删除数据，而是使用POST：https://stackoverflow.com/a/1744404/539097

您还可以使用toggleClass代替addClass在添加和删除链接元素上的“删除”类之间切换。

在两个图像和两个句子之间切换

1 个答案: