1

これは私がやりたいことです：

私はウェブページに多くのアンカーを持っていますが、jqueryでクリックイベントにバインドされているため、いくつかはajaxで管理されています。一部はそうではないので、通常のhttpリクエストを介して別のページに送信しています。

<a href="#/something" >something</a>
<a href="#/ajax/something" class="blabla">ajax something</a>

<script type="text/javascript">
    $(function(){
       $('.blabla').click(function(){
          //doing some ajax return false so anchor don't redirect
          return false;
       });
    });
</script>

「「blabla」クラスを持たないすべてのアンカーを選択してください」のように、アンカークラスに関しては応答しないでください。これを行っているのは、ajaxで管理されていないすべてのアンカーのページに「待機中」のラベルを付けようとしているためです。アンカーにクリックイベントがバインドされているかどうかを知りたいです。

よろしく。

4

4 に答える 4

1

これは機能します-アイデアは次のとおりです。

  • ページが最初に読み込まれるときに、配列内のclick各要素に存在するイベントの数を格納します。<a>

  • click次に、500ミリ秒ごとに、各アンカーのイベントの長さをアレイに保存した長さと比較します

-

$(function() {
  i = 0;
  window.ahrefEvents = [];
  $('a').each(function() { 
    $(this).attr('data-id', i); //give each anchor a unique id and save it the data-id attribute. we'll then save the number of events for each link in window.ahrefEvents
    window.ahrefEvents[i] = $._data($(this)[0], 'events') == undefined ? 0 : $._data($(this)[0], 'events')['click'].length; //if no events are bound it'll return undefined, so check for that and set it to 0 if that's the case
    i++;
});


window.setInterval(function() { //check every 500ms to see if that length changed
    checkEvents();
}, 500);

window.checkEvents = function() {
    $('a').each(function() {
        index = $(this).attr('data-id');
        if ($._data($(this)[0], 'events') != undefined) {
            if (window.ahrefEvents[index] != $._data($(this)[0], 'events')['click'].length) {
                //fires when length of click events on any anchor has changed
                console.log('event bound on anchor #' + index);
            }
        }
    });
  }
});​

デモ： http： //fiddle.jshell.net/CyYbA/20/show/

コンソールを引き上げて、$('#test')オブジェクトに何かをバインドしてみてください

ここでフィドルを編集します：http：//jsfiddle.net/CyYbA/20/

于 2012-12-15T23:41:33.290 に答える
0

AJAXのURLシステムが常にajaxパスに含まれている場合は、に基づいてセレクターを構築できますhref

var $noAjaxLinks= $('a').filter(function(){

      return ! /ajax/.test(this.href);
})
于 2012-12-15T23:06:54.537 に答える
0

たぶん、jqueryデータ関数を使用してそれらのアンカーの追加情報を保存できますか？

于 2012-12-15T22:59:27.827 に答える
0

わかりました、これは私がこれまでに持っているものです：

<ul class="nav nav-list">
    <li><a href="content.php" class="load">content via .load()</a></li>
    <li><a href="content.php" class="get">content via $.get()</a></li>
    <li><a href="content.php" class="post">content via $.post()</a></li>
    <li><a href="content.php" class="ajax">content via $.ajax()</a></li>
    <li><a href="content.php" class="">content 2 without ajax()</a></li>
</ul>

いくつかのjqueryイベントバインディング

$('a.load').click(function(){
    $("#container").loader().load($(this).attr('href'));
    return false;
});
$('a.get').click(function(){
    $.get($(this).attr('href'), function(d){
        $('#container').html(d);
    });
    return false;
});

私は多くのアンカーを持っています。1つはajaxなしで、もう1つは別のajax呼び出しがあるので、それがページで見つかると期待しています。私のコードはそれらすべてをキャッチし、異なるものを処理するためにajax呼び出しがないものを評価する必要があります

これがコードです。

//looking just for one anchor
$('a').each(function(idx, obj){
    var events = $._data(this,'events');
    if (typeof events != "undefined" && "click" in events) {
        for (i in events.click) {
            if (typeof events.click[i].handler != "undefined") {
                 var f = events.click[i].handler.toString();
                 if ((/\$(\(.*\))?\.(load|ajax|get|post)\(/).exec(f)) {
                    console.log('obj '+$(this).text()+' : with ajax.');
                    //this is where i'm gonna deal with this regular http anchor...
                 }
            }
        }
    }
});

これが私が持っていたのと同じ問題を抱えている別の人を助けることを願っています。よろしく。

于 2012-12-16T05:09:22.623 に答える