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>

有人可以帮我解释为什么以及可能如何解决这个问题吗？我已经尝试了一个小时..

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。Access-Control-Allow-Origin 不允许 Origin null。

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

Answer 2

您是在告诉它影响每个“a”元素。

我猜你只想在其他元素中影响“a”元素，比如“#cart”。

如果是这样，请更改：

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

至：

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

Answer 3

我猜是：

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