Question

我有2个链接，类dynamicLoad。

<ul class="navbar">
    <li><a href="Page3-News.html" class="dynamicLoad news">NEWS</a></li>
    <li><a href="Page2-Events.html" class="dynamicLoad">EVENTS</a></li>
</ul>

然后我有了这个已经运行的代码，它将外部页面加载到名为#MainWrapper的div中：

<script type="text/javascript">
    $( document ).ready( function() {
        $( 'a.dynamicLoad' ).click( function( e ) {
            e.preventDefault();   // prevent the browser from following the link
            e.stopPropagation();  // prevent the browser from following the link

            $( '#MainWrapper' ).load( $( this ).attr( 'href' ) );
        });
    });

</script>

如何编辑此代码和我的链接，以便我可以使用dynamicLoad和news的类来定位第一个链接，然后将另一个脚本和/或页面加载到主包装器中，而不会破坏其已经正常工作功能？

Answer 1

您可以将这两个类添加到选择器以及:first，如下所示：

$(document).ready( function() {
    $('a.dynamicLoad.news:first').click(function(e) {
        $('#MainWrapper').load(this.href);
        return false;
    });
});

一个return false; calls both event.stopPropagation() and event.preventDefault()，所以你可以稍微减少代码...就像我上面那样。

Answer 2

您可以选择$( "a.dynamicLoad.news" )

的第一个链接

Jquery选择多个类，加载外部文件

2 个答案: