首次點擊后href未運行，但onclick會運行

Question

我有此按鈕可以打開模式。

我要在模式中打開一個新頁面，並且還要在調用新頁面之前進行另一個api調用進行處理。

<a class="btn btn-primary" type='button' id="btn_prev" onclick="prev({{charm_id}})" data-toggle="modal" data-toggle="modal" data-target="#innerModal" href="{% url 'gifcharm:showpreview' %}">Preview</a>

這是我的按鈕元素。

首先，我使用onclick進行api調用，然后在onclick之后，href加載新頁面。

現在，問題是，

當我第一次單擊該按鈕時，onclick和href均有效。 onclick會進行后台處理，並且href會很好地加載新內容。

但是，在第一次調用后，只有onclick起作用，href調用再也不會進行。 隨着我的內容在一段時間后發生變化，我需要再次進行href調用以加載新內容。

但是，相同的舊內容將繼續加載，而新內容將永遠不會加載。 為什么會這樣呢？

編輯-附加的JS文件。

function prev( charm_id){
var imageselected=[];
$("input:checkbox").each(function(){
    var $this = $(this);
    if($this.is(":checked")){
        imageselected.push($this.attr("id"));
    }
});

console.log(imageselected);
var url_creategif = "http://localhost:8000/gifcharm/convert_to_gif/" + charm_id;
console.log(url_creategif);

                    jQuery.ajax({
                                type: "GET",
                                url: url_creategif,
                                cache:false,
                                data: {
                                  'images': imageselected
                                },
                                success: function(data){
                                  if(data == "0"){
                                      alert("Problem Creating Gif");
                                  }else{
                                    //alert("Circle Image is successfully created");
                                  }
            }
          });
//url = "http://localhost:8000/gifcharm/showpreview";
};

Answer 1

當同一標記中同時包含on-click事件和href事件時，onclick事件具有優先權。

添加return true; 一旦您完成了其中的所有操作，便會在prev函數末尾聲明該語句。 函數返回true后，href將執行。 如果點擊回調不返回任何內容或返回false，則href將被忽略。