Özellik değerini ayarlamak için jQuery .attr veya .prop kullanma

Question

'yüklendi' ve 'no' değerinin başlangıç ​​değeri olan bir düğme oluşturdum. Düğmeye tıkladıktan sonra bazı ajax çalıştırıyorum ve bunun sonunda 'yüklenen' özniteliğini 'evet' olarak ayarlamaya çalışıyorum, böylece kullanıcı düğmeye bir defadan fazla basarsa ajax tekrar çalıştırılamaz. . http://jsfiddle.net/PDW35/2/

düğmesini tıklamak 'evet' yüklenen değişir değildir:

Böyle bir şey var. Böyle .attr çağrısından sonra bir uyarı doğru yaparsak Ancak:

alert($(this).attr('loaded')); 

uyarı kutusu çünkü kullanıcı tıklama kez, aynı kod üzerinde bir koyar yardım etmez ki 'evet' içeriyor mu Ekranda 'hayır' uyarı kutusu.

.attr yerine .prop kullanırsam hepsi aynı şekilde davranır. Burada bir noktayı veya .prop ve .attr eksik öznitelikleri ile çalışmaz mı?

DÜZENLEME: Aşağıdaki açıklamalara dayanarak Güncelleme jsfiddle kullanarak ajax: Kullanıcı butonuna tıklarsa http://jsfiddle.net/PDW35/5/

Answer 1

Ben orijinal kod çalışmıyor olmasının bir sebebi de tam olarak emin değilim ama $this nedense nedeni gibi görünüyor:

$(".preview-button").click(function(){ 

var id = $(this).attr('button_id'); 
var loaded = $(this).attr('loaded'); 
    if(loaded == "no"){   
     $(this).attr('loaded', 'yes'); 
    }else{ 
     alert("Data is loaded");  
    } 
}); 

burada örnek çalışma. Aşağıdan dene ve işe yaramış görünüyor. Fiddle burada.

Cevabımı, bulduğum anda sebebi ile güncellemeye çalışacağım.

var loaded = $(".preview-button").attr('data-loaded'); 
if (loaded === "no") { 
    $.ajax({ 
     success: function (result) { 
      $(".preview-button").attr('data-loaded', 'yes'); 
      alert($(".preview-button").attr('data-loaded')); 
     } 
    }); 
} else { 
    alert("data loaded"); 
} 

bu thread bakın ve $this doesnt AJAX çağrısı içinden çalışmıyor gibi görünüyor neden bu nedeni gibi görünüyor.

Answer 2

soru okuma ..

yüzden ajax tekrar koştu olmadığını daha bir Zamanlar. i one() gerek

, bu olay sadece bir kez çalışmasını sağlar .. senin click için nitelik ve özelliklerini

örnek

$(".preview-button").one('click',function(){ 
//your ajax stuff 
    alert('clicked!!!!'); 
}); 

Answer 3

Sen özelliğini ayarlayabilirsiniz

değişen gerek (veya submit) işlevi:

$(".preview-button").click(function() { 
    this.ajaxCompleted = this.ajaxCompleted || false; 

    if (!this.ajaxCompleted) { 
     // run your request and set this.ajaxCompleted to true in a callback; 
    } 

    // do other stuff 
}); 

Answer 4

Siz de foll deneyebilirsiniz kod nedeniyle: tıklandığında veri yüklendikten sonra, ikinci kez tıklandığında verilerin zaten yüklendiğini bildirir. http://jsfiddle.net/PDW35/4/