发表新帖
发表新帖

JQuery .load() inside div

后端 未结
关注
3 1273
长情又很酷
长情又很酷 2021-01-06 16:19

This has been driving me nuts! I\'ve searched and tried a bunch of suggestions that seem like they should work, so I must be doing something foolish.

$(docum
相关标签:
3条回答
  • 無奈伤痛
    2021-01-06 16:38

    This is the correct code:

    $(document).ready( function(){
  $('.trigger').click(function(){
      var link = $(this).attr("href");
      $('#target').load( link + ' body' );
      return false;
  });
});

    and it's better to have a basic html structure in target files like this:

    <html>
  <body>
    Content
  </body>
</html>
    0 讨论(0)
  • 天涯浪人
    2021-01-06 16:46

    Maybe your links are created dynamically, use event delegation with .on():

    $(document).ready(function(){
    $('body').on('click', '.trigger', function () {
        var link = $(this).attr("href");
        $('#target').load(link);
        return false;
    });
});

    References:

    • .on() - jQuery API Documentation
    0 讨论(0)
  • 攒了一身酷
    2021-01-06 16:57

    Maybe you just need to prevent the default action when you click a link or check the url.

    Try this:

    $(document).ready(function(){
    $('.trigger').click(function(e){
         e.preventDefault();
         var link = $(this).attr("href");
         $('#target').load(link);
      });
});

    Also there's an example

    0 讨论(0)
 看不清?
提交回复
热议问题