Question

我在我正在为朋友工作的网站上创建了新链接。我重用了我用于导航栏的jQuery片段，但它不起作用......我唯一的猜测是我没有正确使用选择器。我试过$（'a.consideralt'）和$（'ul＃conalt li a'）（模仿以前成功的语法）。

唯一的区别是其他链接位于索引页面上，而新链接位于将加载新页面的div中。请参阅www.rsgnaturalrearing.com并单击Dog Walking页面以查看黄色div中的链接。任何帮助深表感谢！

$(document).ready(function() {
    //initial loading of home 
  $('#contentcall').load('home.php');  
  //handle menu items
  $('ul#nav li a').click (function()  {    
    var page = $(this).attr( 'href' );
    $( '#contentcall' ).load( page + '.php' );
    return false;
  });
   $('ul#bottomnavul li a').click (function()  {    
    var page = $(this).attr( 'href' );
    $( '#contentcall' ).load( page + '.php' );
    return false;
  });
     $('a .consideralt').click (function()  {    //new links that will not work
    var page = $(this).attr( 'href' );
    $( '#contentcall' ).load( page + '.php' );
    return false;
  });

  //contact, grooming, buyraw, rawlearning, dogwalking, home INTO CONTENT CAL
  $("body").niceScroll({
    cursorcolor:"#F63E62;;",
  }); 
  //nicescroll jquery custom scrollbar      
});

Answer 1

选择器a .consideralt会将<{1}} 内的元素定位在锚元素中。

由于anchor元素具有类，因此选择器中不应有空格：

class="consideralt"

Answer 2

您有1个寻呼机，您可以在点击时加载每个页面，但只能在DOM上绑定事件。使用相同的选择器Guffa正在使用，但是在委派模式下：

 $('#contentcall').on('click', 'a.consideralt', function(){})

jQuery选择器参考链接

2 个答案: