Question

我的网站上有这些代码（wordpress网站）：

<div id="51" class="wrap-box">
<div class="favorit">
<a class="add" href="?wpfpaction=add&postid=51" rel="nofollow" ></a>
</div>
</div>

和这个javascript：

jQuery(document).ready( function($) {
    $('.add, .remove').live('click', function() {
        dhis = $(this);
        wpfp_do_js( dhis, 1 );    
        return false;
    });
});
function wpfp_do_js( dhis, doAjax ) {
    url = document.location.href.split('#')[0];
    params = dhis.attr('href').replace('?', '') + '&ajax=1';
    if ( doAjax ) {
        jQuery.get(url, params, function(data) {
                dhis.parent().html(data);
                if(typeof wpfp_after_ajax == 'function') {
                    wpfp_after_ajax( dhis ); // use this like a wp action.
                }
            }
        );
    }
}

当用户点击带有class="add"的链接时，视频会添加到收藏夹，并且链接更改为<a class="remove" href="?wpfpaction=remove&postid=51" rel="nofollow"></a>而不更改（或在网址中显示？wpfpaction ...）网站网址用户打开（执行？wpfpaction = add＆amp; postid = 51但页面未被更改）。我想将代码更改为：

<div id="51" class="wrap-box">
<div class="add" style="cursor:pointer;"></div>
</div>

我怎样才能使这一切成为jquery的全部，而不再显示<a>标签。因此，用户现在点击div class="add"整个过程是相同的，但是来自javascript。

可以这样做吗？

Answer 1

你可以这样做：

$(document).ready(function() {
  $('.add').on('click', function() {
    var link = $(this);
    var id = $(this).prev('.wrap-box').attr('id');
    var url = location.href.split('#')[0];
    var params = 'wpfpaction=add&postid=' + id + '&ajax=1';
    $.get(url, params, function(data) {
      link.parent().html(data);
      if (typeof wpfp_after_ajax === 'function') {
        wpfp_after_ajax(link);
      }
    });
  });
});

Jquery将链接更改为div

1 个答案: