SORU
18 EKİM 2010, PAZARTESİ


JQuery olay bağlantılarını araştırmak için bir öğe inceleyin

Farazi: bir düğme ile bir sayfa buldum ('#bigButton'), o zaman tıklandığında bir lama nedenleri ('ımg#theLlama') () jQuery kullanarak.

Yani, bir yerde (Satır 76) buttons.js içinde:

$('#bigButton').click(function(){
$('img#theLlama').show();
})

Şimdi, diyelim ki bir sürü ile büyük bir HTML sayfası var .js dosyaları dahil. Bu düğmeye tıklayın ve lama görünür görebiliyorum, ama yukarıdaki kod olduğu hakkında hiçbir fikrim yok.

Aradığım çözüm Firebug CSS ile kullanılabilen çok benzerdir. Eleman incelemek ve bu bir WordPress kullanmak bu öğe üzerinde buttons.js birlikte, başka bağlamaları 76 oluştuğunu göster bana sahip olmanı istiyorum.

*Not: kelle 'lama soru,' yukarıda açıklanan bir çözüm için işaret yani. belirli bir cevap için. *

FireQuery birçok görevleri bir WordPress kullanmak için harika bir araçtır, ama lama soruya cevap vermiyor. Eğer bu konuda yanılıyorsam lütfen beni düzeltin.

CEVAP
27 EKİM 2010, ÇARŞAMBA


Firebug, FireQuery this fiddle kullanarak:

Cmd vurmak C (Eleman Kontrol) tuşlarını tıklamakdüğmesineortaya bu: Screenshot 1

Olaylar tıklayarak Object {click= } (biraz bilgi genişlettikten sonra) ortaya koymaktadır

Screenshot 2

Ve function() tıklamak ortaya çıkarır bu
Screenshot 3

Haklısın aradığınız kod olmalı?

Bir not olarak, her zaman Firebug kodu şeyin tam satır geldi bulamıyor. Bu yöntem tamamen başarısız oldun! Başka bir yaklaşım, işlev ifadeleri adında kullanmaktır. Kodu değiştirme:

$('#bigButton').click(function showMyLlama(){
  $('img#theLlama').show();
})

events nesne incelenirken şimdi ortaya çıkarır bu

alt text

Bu işleyici bize bir lama gösterir artık belli olduğu gibi sadece function() daha yararlı olur. Ayrıca artık işlev adı için kod arama ve bulabilirsiniz!


Chrome, web Müfettiş ve this fiddle kendi inşa kullanarak

Cmd C (Eleman Kontrol) ve Shift düğmesi vurmak gösterir bu
Screenshot

Elemanları butonu Müfettiş sonra da Enter tuşuna JS açmak için Kaçış Konsol: Screenshot

Krom Konsol, $0 öğeleri panelinde Seçilen öğeyi ifade eder.

Yazarak $._data( $0 ) bizim, jQuery (iç) veri nesnesi içeren olayları, tıpkı bizim Firebug örnek, ne yazık ki, Krom alışkanlık edelim tıklama işlevi, ama olacak görelim kaynak:
Screenshot


.live() not hakkında bir olaylar:

Canlı Etkinlikler $._data( document, "events" ) saklanır ve işlevi origHandler bir puan içerir:

Screenshot

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Barnacules Nerdgasm

    Barnacules N

    20 Temmuz 2006
  • bcbauer

    bcbauer

    7 ŞUBAT 2007
  • TheForgottenGamer1

    TheForgotten

    28 AĞUSTOS 2009