JQuery .load() à l'intérieur de la div

Cela a été me rend fou! J'ai cherché et essayé un tas de suggestions qui semblent comme ils doivent travailler, donc je dois être en train de faire quelque chose de stupide.

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

et

<div id='content'>
This is some stuff that I want left alone.
<a href="testload1.html" class="trigger">Click here</a>
<a href="testload2.html" class="trigger">Click here</a>
</div>
<div id="target">
</div>

Je suis en train de charger le document html "testload1" et "testload2" (qui vient de contenir une ligne de texte) dans la "cible" div.

Au lieu de ce qui se passe est que le "testload1" page se charge comme un lien normal serait.

edit: plus d'infos

J'ai essayé les changements suggérés ci-dessous, sans différence. Cela m'amène à penser, il ya quelque chose de mal avec le reste du fichier, si elle est ici:

<!DOCTYPE html>
<head>
<title>test</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<script>
$(document).ready(function(){
  $('.trigger').click(function(){
  var link = $(this).attr("href");
    $('#target').load(link);
    return false;
  });
});
</script>
</head>
<body>
<div id='content'>
This is some stuff that I want left alone.
<a href="testload1.html" class="trigger">Click here</a>
<a href="testload2.html" class="trigger">Click here</a>
</div>
<div id="target">
</div>
</body>
</html>

Est-il une raison cela ne devrait pas fonctionner?

Votre code a l'air bien... comment est la content élément chargé? est-il créé dynamiquement?
avez-vous fixé?

OriginalL'auteur user2467430 | 2013-06-09

  1. 3

    Peut-être vous avez juste besoin d'empêcher l'action par défaut lorsque vous cliquez sur un lien ou de vérifier l'url.

    Essayez ceci:

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

    Il y a également un exemple

    retourner false déjà fait.
    qui semble être l'intention, mais la cité comportement suggère que ce n'est pas faire le travail.
    ou le fait que $('.trigger') ne pas obtenir les éléments pour vous inscrire à l'événement parce qu'il est créé dynamiquement

    OriginalL'auteur rscnt

  2. 1

    C'est le bon code:

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

    et il est préférable d'avoir une structure html de base dans la cible des fichiers comme ceci:

    <html>
  <body>
    Content
  </body>
</html>

    OriginalL'auteur Prakash GPz

  3. -1

    Peut-être que vos liens sont créés de manière dynamique, l'utilisation de la délégation avec les .on():

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

    Références:

    • .sur() - jQuery Documentation de l'API

    OriginalL'auteur