jQuery單擊僅適用於雙擊

Question

我非常接近這個。 這是我的代碼，它返回正確的url，但僅當雙擊button時才如此。 我只需要單擊一下即可檢索圖像。

 var origin = 'COMP';
 var area = 'US';
 var type = 'typeA';
 var level = 'Xnay';
 var time = '0';
 var btn1 = document.getElementById("redbutton").winControl;   

function change_area(new_area) {
     area = new_area;
}

function change_type(new_type) {
     type = new_type;
}      

$(btn1).click(function () {
  var src = "http://somesite.net/folder/WEB_" + origin + "_" + area + "_" + level + "_" + type + "_" + time + "HR.png";
         change_area('GB');
         change_type('typeB')
         $('#mainmap').attr('src', src), false;
});

Answer 1

您嘗試通過添加

$(document).ready(function() { }); 塊

在下一行之前

$(btn1).click(function () {

最后，

$(document).ready(function() {
       $(btn1).click(function () {
         var src = "http://somesite.net/folder/WEB_" + origin + "_" + area + "_" + level + "_" + type + "_" + time + "HR.png";
         change_area('GB');
         change_type('typeB')
         $('#mainmap').attr('src', src), false;
    });
});