jquery 重复点击无法更改url参数，如何解决？

jquery 中点击事件更改url 参数属性，二次点击时依然更改不了参数属性

js:
$(".order").click(function(){
var data_order = $(this).attr('data-order');
if(data_order.indexOf('price') != -1){
if(data_order =="price-desc"){
data_order = "price-asc";
}else if(data_order =="price-asc"){
data_order= "price-desc";
}
$(this).attr('data-order',data_order)
}

getUrl("order",data_order);

})

html:

  • 评分
  • 学习人数
  • 价格
运行结果及报错内容

http://127.0.0.1:5000/about/?order=price-desc&page=1 中order= 这部分参数无法随着点击而改变

我的解答思路和尝试过的方法 ：我的理解是初始值无法更改。但不知道怎么解决
我想要达到的结果：随着重复点击，url中的参数能够改变为制定内容

如果第一次进不了if，data-order值就改不了

img

在if里打印 看看 走了吗