javascript - jquery代码问题,有合适的格式吗?

标签 javascript jquery

我的 .js 文件中有这段代码,自从添加它以来,其他一些 Jquery 功能就停止工作了。问题是怎么写的?谢谢!

$(window).load ->
  $('a[data-target]').click (e) ->
    e.preventDefault()
    $this = $(this)
    if $this.data('target') == 'Add to'
      url = $this.data('addurl')
      new_target = "Remove from"
    else
      url = $this.data('removeurl')
      new_target = "Add to"
    $.ajax url: url, type: 'put', success: (data) ->
      $('.cart-count').html(data)
      $this.find('span').html(new_target)
      $this.data('target', new_target)

$(window).load ->
  $('#mycart .fi-x').click (e) ->
    e.preventDefault()
    $this = $(this).closest('a')
    url = $this.data('targeturl')
    $.ajax url: url, type: 'put', success: (data) ->
      $('.cart-count').html(data)
      $this.closest('.cart-movie').slideUp()

最佳答案

那就是 coffeescript ,您可能需要将其转换为 javascript:

$(window).load(function() {
  return $('a[data-target]').click(function(e) {
    var $this, new_target, url;
    e.preventDefault();
    $this = $(this);
    if ($this.data('target') === 'Add to') {
      url = $this.data('addurl');
      new_target = "Remove from";
    } else {
      url = $this.data('removeurl');
      new_target = "Add to";
    }
    return $.ajax({
      url: url,
      type: 'put',
      success: function(data) {
        $('.cart-count').html(data);
        $this.find('span').html(new_target);
        return $this.data('target', new_target);
      }
    });
  });
});

$(window).load(function() {
  return $('#mycart .fi-x').click(function(e) {
    var $this, url;
    e.preventDefault();
    $this = $(this).closest('a');
    url = $this.data('targeturl');
    return $.ajax({
      url: url,
      type: 'put',
      success: function(data) {
        $('.cart-count').html(data);
        return $this.closest('.cart-movie').slideUp();
      }
    });
  });
});

关于javascript - jquery代码问题,有合适的格式吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45521569/

相关文章:

javascript - 如何从 JavaScript 调用 REST API

jQuery 在复选框时增加/减少数字

javascript - 需要 JS(AMD) 在后台将文件缩小为单个文件

Javascript - 将元素添加到具有固定值的查询结果的最佳/最快方法

javascript - jquery mobile 中的动态点击处理不会出现 ui-state-active 类

javascript - 使用 jQuery 定位非唯一 HTML 元素

javascript - 无法使用数组 block 调用函数,未定义

javascript - 在 jquery 或 javascript 中对具有相同文本的表 td 进行排序

javascript - 如何让 chrome 扩展按钮与注入(inject)的 js 通信?

javascript - 在另一个包含的javascript中包含javascript