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

我猜是：

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

Answer 2

你告诉它影响每一个＆＃39; a＆＃39;元件。

我猜你只想影响＆＃39; a＆＃39;其他元素中的元素，例如＃cart;＃cart＆＃39;。

如果是，请更改：

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

要：

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

Answer 3

您尝试从中加载内容的网址不允许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不允许使用原点。

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

单击功能干扰hrefs

3 个答案: