Jquery - Obtenir de l'Attribut à l'aide de “ce”

Cela peut être quelque chose de très facile, mais je n'arrive pas à obtenir que cela fonctionne et je ne sais pas pourquoi. J'ai installé jquery et je suis en train d'essayer d'obtenir un attribut de "cet" élément lorsque je clique sur elle. Droit maintenant, mon code ressemble à ceci:

url = $(this).attr("href")

Lorsque j'appelle cette fonction en cliquant sur un lien, il me dit que la variable "url" n'est pas défini. Alors, évidemment, il n'est pas ramasser le "présent" lorsque je clique sur le lien. Je suis en train de passer le href d'une balise d'ancrage à utiliser comme ma variable.

Ce que je suis dominant? Encore une fois, je sais que c'est quelque chose de très simple mais je n'arrive pas à comprendre, je vous remercie donc d'avoir pris le temps de m'aider.

Grâce.

<script type="text/javascript">
url = "push1";

$("a").live("click", function(event) {
    event.preventDefault();     
    url = $(this).attr("href");
})
$.ajax({
    type: "get",
    url: "/"+url+".php",
    data: "",
    dataType: "html",
    success: function(html){
        jQuery('#Right_Content').hide().html(html).fadeIn(1000);
    },

})
;
</script>

html:

<body>

<a href="push1" >Image 1</a>
<a href="push2" >Image 2</a>  

<div id="Right_Content"></div>

</body>

Peut-on voir le reste du code lorsque cela est nécessaire? et peut-être certains de vos DOM balisage?
Êtes-vous manque le var définition?
Ajoutez le code ci-dessus.
Vous vous rendez compte il y a un point-virgule manquant après la $('a').live(), droit? Syntaxe non valide être le problème. Aussi, une virgule de la success. Et la fixation de votre syntaxe semble pour le faire fonctionner: JS Fiddle démo, bien que, évidemment, le contenu ne se charge pas, mais je me suis connecté la url variable à la console. Et live() est obsolète, vous devez utiliser on(), ou de delegate() (l'ancien pour jQuery 1.7+, le dernier pour <1.7).
Vous avez un illégales virgule après votre "succès" de la fonction.

OriginalL'auteur user982853 | 2012-03-07

Cela devrait fonctionner pour vous

$(function(){    
    $(".link").click(function(){
       var url=$(this).attr("href");
       alert(url);
        return false;

    });       

});

En supposant que vous ciblez tous les tags ancres avec une classe css appelé "lien"

Voici l'exemple : http://jsfiddle.net/L99mM/2/

Edit: Comme par votre code publié dans la question

Vous devriez appeler preventDefault après votre appel ajax. et là, c'est la fermeture crochets devraient être après l'appel ajax

$("a").live("click", function(event) {      
      var targeturl = $(this).attr("href");

      $.ajax({
               type: "get",
               url: "/"+targeturl +".php",
               data: "",
               dataType: "html",
               success: function(html){
                   jQuery('#Right_Content').hide().html(html).fadeIn(1000);
               }

           });  //closing for  ajax
        event.preventDefault(); 

  });  //closing for click  event binding

Pourquoi faut-il l'objet jquery et non pas de série de js? this.getAttribute("href")

OriginalL'auteur Shyju

<script type="text/javascript">
var url = "push1";

function getContent(){
    $.ajax({
        type: "get",
        url: "/"+url+".php",
        data: "",
        dataType: "html",
        success: function(html){
        jQuery('#Right_Content').hide().html(html).fadeIn(1000);
    });
}

$("a").live("click", function(event) {
    event.preventDefault();     
    url = $(this).attr("href");
    getContent();
});

getContent();
</script>

OriginalL'auteur Dunning-Kruger

0

vous n'avez pas besoin de "ce" pour ce, vous avez besoin de la cible de l'événement:
```
$("a").live("click", function(event) {
    event.preventDefault();     
    url = event.target.href;
})
```
de travail violon

http://jsfiddle.net/3LvCm/

Je pense que vous n'avez probablement pas essayé? Parce que, dans le Chrome 17/Ubuntu 11.04, tous les I obtenir à partir de ce qui est une erreur: Object http://fiddle.jshell.net/_display/push1 has no method 'attr'.
Pourquoi devrait-il pas utiliser this? Il s'en réfère à l'élément de l'événement a été déclenché.
yep remarqué que tout en faisant le violon, édité
travailler (comme ce violon montre jsfiddle.net/jUKgs), mais lorsque les méthodes obtiennent de grands et complexes, il est beaucoup plus facile de suivre l'événement de variables que d'avoir à essayer de comprendre ce que "cela" se réfère dans cette instance. Juste un choix de conception vraiment.

OriginalL'auteur Evert

Vous devez vous connecter pour publier un commentaire.