Question

我有一个按钮可以进行两项操作。并且每次单击它都会执行其中一项操作。但是此按钮可以同时执行这两个操作。我希望此按钮正确无误。如果您可以使用javascript 6编写此代码

$('.tab-content').on('click', '.sortByPrice', function () {
	$("i", this).toggleClass("agency-top-sort agency-btn-sort");
	customSort(FlyList,'price',true);	
	console.log(FlyList);
	$('#flights').updateDom(FlyList, {
		animate: true,
	});

});



$('.tab-content').on('click', '.sortByPrice', function () {
	$("i", this).toggleClass("agency-top-sort agency-btn-sort");
	customSort(FlyList,'price',false);	
	console.log(FlyList);
	$('#flights').updateDom(FlyList, {
		animate: true,
	});

});

Answer 1

问题是您两次调用该按钮，期望只有正确的按钮才能运行。

我更改了它，所以每次单击按钮时都会更改一个变量。

我知道您说过您希望将其更改为javascript6，但由于 updatedom 是jQuery函数，因此我将其保留为jQuery。

var price_sort = false;

$(document).on('click', '.sortByPrice', function () {
  $("i", this).toggleClass("agency-top-sort agency-btn-sort");
  customSort(FlyList,'price',price_sort);	

  price_sort = !price_sort;

  console.log(FlyList);
  $('#flights').updateDom(FlyList, {
    animate: true,
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" class="sortByPrice">TEST</button>

一个按钮即可进行两项操作

1 个答案: