2017-04-24 10 views
0

zu erhalten, versuche ich, Wert von linl zu erhalten, die aus db mit while-Schleife generiert wird. Wenn ich auf dem Link prees, sollte es Warnfenster mit seinem Namen anzeigen.Um den Wert der Verbindung mit Jquery

while($trackResultRow = mysqli_fetch_assoc($trackResult)){?> 
    <li> 
     <a href="#" class="rem" 
     data-userid="<?php echo $trackResultRow['username']?>" 
     data-track="<?php echo $trackResultRow['track_name']?>"> 
     <span class="glyphicon glyphicon-thumbs-down pull-right"></span> 
     </a> 
     <a href="<?php echo $trackResultRow['track_path']?>"> 
     <span><?php echo $trackResultRow['username']?></span> - 
     <span><?php echo $trackResultRow['track_name']?></span> 
     </a> 
     <hr/> 
    </li> 

<hr> 
<?php 
} 
?> 

und jQuery-Code

$(function() { 
$(".rem").on("click", function(e) { 
    e.preventDefault(); 
    var $link = $(this), // save for later 
    username = $(this).data("userid"), 
    track = $(this).data("track"); 
    return alert (username); 

    }); 
}); 

Aber es funktioniert nicht .... Kann jemand mir helfen, diesen Code zu beheben?

+0

Sie Skript ist auf der Unterseite des 'body'? Vor '' schließendes Tag? – Oen44

+0

Fügen Sie 'console.log ($ (this) .data());' zu Ihrem click-Ereignis hinzu, um zu sehen, welche Daten von der Datenfunktion gelesen werden. –

Antwort

0

Sie Code funktioniert für mich, aber ich habe festgestellt, dass Ihre zwei Anker-Tags sind sehr nahe beieinander. Fügen Sie dem ersten Anchor-Tag einen Ereignis-Listener hinzu und klicken auf den zweiten? Siehe Beispiel-Code unten

$(function() { 
 
    $(".rem").on("click", function(e) { 
 
    e.preventDefault(); 
 
    var $link = $(this), // save for later 
 
     username = $link.data("userid"), 
 
     track = $link.data("track"); 
 
    return alert(username); 
 

 
    }); 
 
});
.glyphicon:after { 
 
    content: 'Icon' 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> 
 
<ul> 
 
    <li> 
 
    <a href="#" class="rem" data-userid="USERNAME" data-track="TRACK_NAME"> 
 
     <span class="glyphicon glyphicon-thumbs-down pull-right "></span> 
 
    </a> 
 
    <a href="track_path"> 
 
     <span>username</span> - 
 
     <span>track_name</span> 
 
    </a> 
 
    <hr/> 
 
    </li> 
 
    <li> 
 
    <a href="#" class="rem" data-userid="USERNAME" data-track="TRACK_NAME"> 
 
     <span class="glyphicon glyphicon-thumbs-down pull-right "></span> 
 
    </a> - 
 
    <a href="track_path"> 
 
     <span>username</span> - 
 
     <span>track_name</span> 
 
    </a> 
 
    <hr/> 
 
    </li> 
 
</ul>

+0

Das erste 'li' ist ohne Leerzeichen und das zweite mit Leerzeichen zwischen den Anker-Tags – Ovais

Verwandte Themen