jquery - href に干渉するクリック機能

Question

次のコードは、すべての html href ステートメントに干渉しています

$(
function(){
    // Get a reference to the content div (into which we will load content).
    var jContent = $( "#simplecart_items" );

    // Hook up link click events to load content.
    $( "a" ).click(function( e ){
            var jLink = $( this );

            // Override the click to load the contents at URL.
            jContent.load( jLink.attr( "href" ) );

            // Prevent default click.
            e.preventDefault();
        }
    );

}

);

干渉:

<ul class="one-row social">
<li class="updown-container"><a href="http://instagram.com/Blah" target="_blank"     class="updown icon-instagram"></a></li>
</ul>

なぜ、そしておそらくこれを修正する方法について、誰かが私を助けることができますか? 私は1時間物事を試してきました..

Answer 1

コンテンツをロードしようとしている URL では、AJAX アクセスが許可されていません。

これがコードです。より適切に記述され、機能しています。

var jContent = $("#simplecart_items");

$(".social").find('a').on('click', function (e) {
    e.preventDefault();

    jContent.load($(this).attr("href"));

});

読み込みエラー: XMLHttpRequest はhttp://instagram.com/Blahを読み込めません。Origin null は、Access-Control-Allow-Origin では許可されていません。

jsFiddle: http://jsfiddle.net/k82hR/

Answer 2

すべての「a」要素に影響を与えるように指示しています。

「#cart」など、他の要素内の「a」要素のみに影響を与えたいと思います。

その場合は、次のように変更します。

$( "a" ).click(function( e ){

に：

$( "#cart a" ).click(function( e ){

Answer 3

私はそれだと思います：

// Prevent default click.
e.preventDefault();