Bir bağlantı tıklamasını jquery ile nasıl simüle edebilirim?

JQuery aracılığıyla bir çapa tıklamasını taklit etmekte sorun yaşıyorum: Neden kalın kutum giriş düğmesine ilk tıkladığımda görünüyor, ancak ikinci veya üçüncü seferde görünmüyor?

İşte kodum:

<input onclick="$('#thickboxId').click();" type="button" value="Click me" />

<a id="thickboxId" href="myScript.php" class="thickbox" title="">Link</a>

Doğrudan bağlantıya tıkladığımda her zaman çalışıyor, ancak kalın kutuyu giriş düğmesiyle etkinleştirmeyi denediğimde işe yaramıyor. Bu FF'de. Chrome için her seferinde çalışıyor gibi görünüyor. Herhangi bir ipucu?

JQuery çağrılarınızı bu şekilde satır içine almaktan kaçının. clickEtkinliğe bağlanmak için sayfanın üst kısmına bir komut dosyası etiketi yerleştirin :

<script type="text/javascript">
$(function(){
    $('#thickboxButton').click(function(){
        $('#thickboxId').click();
    });
});
</script>

<input id="thickboxButton" type="button" value="Click me">
<a id="thickboxId" href="myScript.php" class="thickbox" title="">Link</a>

Düzenle:

Bir kullanıcıyı fiziksel olarak bağlantıya tıklayarak simüle etmeye çalışıyorsanız, bunun mümkün olduğuna inanmıyorum. Bir geçici çözüm , Javascript'teki düğmeyi clickdeğiştirmek için düğmenin etkinliğini güncellemek olabilir window.location:

<script type="text/javascript">
$(function(){
    $('#thickboxButton').click(function(){
        window.location = $('#thickboxId').attr('href');
    });
});
</script>

Düzenleme 2:

Artık Thickbox'ın özel bir jQuery UI pencere öğesi olduğunu anladığıma göre, talimatları burada buldum :

Talimatlar:

• Bir bağlantı öğesi oluşturun ( <a href>)

• Bağlantıya thickbox ( class="thickbox") değerine sahip bir sınıf özelliği verin

• Bağın hrefniteliğine aşağıdaki bağlantıyı ekleyin:#TB_inline

• In hrefsonra öznitelik #TB_inlineeklenti demire aşağıdaki sorgu dizesi:

  ? height = 300 & width = 300 & inlineId = myOnPageContent

• Sorgudaki yükseklik, genişlik ve inlineId değerlerini uygun şekilde değiştirin (inlineID, bir ThickBox'ta göstermek istediğiniz içeriği içeren öğenin kimlik değeridir.

• İsteğe bağlı olarak, sorgu dizesine modal = true ekleyebilirsiniz (örn. #TB_inline?height=155&width=300&inlineId=hiddenModalContent&modal=true), Böylece bir ThickBox'ı kapatmak, tb_remove()işlevi ThickBox içinden çağırmayı gerektirir . ThickBox'ı kapatmak için evet veya hayır'ı tıklamanız gereken gizli kalıcı içerik örneğine bakın.

Benim için işe yarayan şuydu:

$('a.mylink')[0].click()

Yakın zamanda jQuery aracılığıyla fare tıklama olayını nasıl tetikleyeceğimi buldum.

    <script type="text/javascript">
    var a = $('.path > .to > .element > a')[0];
    var e = document.createEvent('MouseEvents');
    e.initEvent( 'click', true, true );
    a.dispatchEvent(e);
    </script>

bu yaklaşım firefox, chrome ve IE üzerinde çalışır. umarım birine yardımcı olur:

var comp = document.getElementById('yourCompId');
try { //in firefox
    comp.click();
    return;
} catch(ex) {}
try { // in chrome
    if(document.createEvent) {
        var e = document.createEvent('MouseEvents');
        e.initEvent( 'click', true, true );
        comp.dispatchEvent(e);
        return;
    }
} catch(ex) {}
try { // in IE
    if(document.createEventObject) {
         var evObj = document.createEventObject();
         comp.fireEvent("onclick", evObj);
         return;
    }
} catch(ex) {}

Bu çok eski bir soru olmasına rağmen, bu görevi halletmek için daha kolay bir şey buldum. Simulate adlı jquery UI ekibi tarafından geliştirilen jquery eklentisidir. jquery'nin arkasına ekleyebilir ve ardından şöyle bir şey yapabilirsiniz:

<a href="http://stackoverflow.com/"></a>
$('a').simulate('click');

chrome, firefox, opera ve IE10'da iyi çalışıyor. https://github.com/eduardolundgren/jquery-simulate/blob/master/jquery.simulate.js adresinden indirebilirsiniz.

Soru başlığı "jQuery'de bir bağlantı tıklamasını nasıl simüle edebilirim?" Der. Pekala, "trigger" veya "triggerHandler" yöntemlerini şu şekilde kullanabilirsiniz:

<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/thickbox.js"></script>
<script type="text/javascript">
$(function() {
    $('#btn').click(function() {
        $('#thickboxId').triggerHandler('click');
    })
})
</script>
...
<input id="btn" type="button" value="Click me">
<a id="thickboxId" href="myScript.php" class="thickbox" title="">Link</a>

Test edilmedi, bu gerçek komut dosyası, ancak daha triggerönce ve diğerlerini kullandım ve bir şekilde çalıştılar.

UPDATE
triggerHandler aslında OP'nin istediğini yapmaz. Bence 1421968 bu soruya en iyi cevabı veriyor.

Tarayıcıyla uyumlu bir şekilde bir öğeye tıklamayı nasıl tetiklediklerini görmek için Selenium API'ye bakmanızı öneririm:

• selenium-browserbot.js

BrowserBot.prototype.triggerMouseEventİşlevi arayın .

Kullanabileceğine inanıyorum:

$('#yourLink').bind('click', function() {
  //Do something over here
});

$('#yourLink').trigger('click');

Bu, tıklama işlevini gerçekten tıklamadan kolayca tetikleyecektir.

Bir bağlantı tıklaması taklidi yapmanız gerekiyor mu? Kalın kutu sitesinden:

ThickBox, bir bağlantı öğesinden, giriş öğesinden (tipik olarak bir düğme) ve alan öğesinden (görüntü eşlemeleri) çağrılabilir.

Bu kabul edilebilirse, kalın kutu sınıfını girdinin kendisine koymak kadar kolay olmalıdır:

<input id="thickboxButton" type="button" class="thickbox" value="Click me">

Değilse, Firebug kullanmanızı ve yalnızca ilk tıklamada tetiklenip tetiklenmediğini görmek için bağlantı öğesinin onclick yöntemine bir kesme noktası yerleştirmenizi öneririm.

Düzenle:

Tamam, kendim için denemeliydim ve benim için kodunuz hem Chrome hem de Firefox'ta tam olarak çalıştı:

<html>
<head>
<link rel="stylesheet" href="thickbox.css" type="text/css" media="screen" />
</head>
<body>
<script src="jquery-latest.pack.js" type="text/javascript"></script>
<script src="thickbox.js" type="text/javascript"></script>
<input onclick="$('#thickboxId').click();" type="button" value="Click me">
<a id="thickboxId" href="myScript.php" class="thickbox" title="">Link</a>
</body>
</html>

Girişe veya bağlantı elemanına tıklasam da pencere açılır. Yukarıdaki kod sizin için çalışıyorsa, hatanızın başka bir yerde olduğunu ve sorunu izole etmeye çalışmanızı öneririm.

Bir başka olasılık da jquery / thickbox'ın farklı sürümlerini kullanmamızdır. Thickbox sayfasından aldığım şeyi kullanıyorum - jquery 1.3.2 ve thickbox 3.1.

JQuery aracılığıyla veya HTML sayfa kodunda, link href'inizi taklit eden bir eylemle bir form oluşturabilirsiniz:

<a id="anchor_link" href="somepath.php">click here</a>.

var link = $('#anchor_link').attr('href');
$('body').append('<form id="new_form" action="'+link+'"></form>');
$('#new_form').submit();

Bir sayfaya girerken bir bağlantıya tıklamayı simüle etmek $(document).ready.için, karmaşık bir tetikleyiciye gerek yok seçeneğinde scrollTop özelliğine animasyon uygulamak için jQuery'yi kullandım ve bu, IE 6'da ve diğer tüm tarayıcılarda çalışıyor.

Benim gibi JQuery kullanmanız gerekmiyorsa. Tarayıcılar arası işleviyle ilgili sorunlar yaşadım .click(). Bu yüzden kullanıyorum:

eval(document.getElementById('someid').href)

Javascript'te bunu yapabilirsin

function submitRequest(buttonId) {
    if (document.getElementById(buttonId) == null
            || document.getElementById(buttonId) == undefined) {
        return;
    }
    if (document.getElementById(buttonId).dispatchEvent) {
        var e = document.createEvent("MouseEvents");
        e.initEvent("click", true, true);
        document.getElementById(buttonId).dispatchEvent(e);
    } else {
        document.getElementById(buttonId).click();
    }
}

ve bunu şu şekilde kullanabilirsin

submitRequest("target-element-id");

Jure'un komut dosyasını kullanarak, istediğiniz kadar çok öğeyi kolayca "tıklamak" için bunu yaptım.
Google Reader’ı 1600+ öğede kullandım ve mükemmel çalıştı (Firefox’ta)!

var e = document.createEvent('MouseEvents');
e.initEvent( 'click', true, true );
$(selector).each(function(){this.dispatchEvent(e);});

JQuery('#left').triggerHandler('click');Firefox ve IE7'de iyi çalışıyor. Diğer tarayıcılarda test etmedim.

Otomatik kullanıcı tıklamalarını tetiklemek istiyorsanız aşağıdakileri yapın:

window.setInterval(function() 
    {
        $('#left').triggerHandler('click');
    }, 1000);

Bu, Android yerel tarayıcısında "gizli giriş (dosya) öğesini" tıklamak için çalışmaz:

$('a#swaswararedirectlink')[0].click();

Ancak bu işe yarar:

$("#input-file").show();
$("#input-file")[0].click();
$("#input-file").hide();

JQuery UI döndürücüsüyle birim testlerinde bir 'tıklama' simülasyonu yapmaya çalışırken, işe yarayacak önceki yanıtların hiçbirini alamadım. Özellikle, aşağı oku seçmenin 'dönüşünü' simüle etmeye çalışıyordum. JQuery UI döndürücü birim testlerine baktım ve benim için çalışan aşağıdaki yöntemi kullanıyorlar:

element.spinner( "widget" ).find( ".ui-spinner-up" ).mousedown().mouseup();