JQuery data attribute
Dit is me link:
Code (php)
Dit me Jquery:
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
$(".dialog-open-certinfo").click(function(){
var id = $(this).data("href");
var commonname = $(this).data("naam");
$.post('scripts/certificaatacties.php', {meerinfo: id}, function(data) {
$('#certificaten-meer-info').dialog( "option", "title", commonname);
$('#certificaten-meer-info').html(data);
$('#certificaten-meer-info').dialog( "open" );
});
});
var id = $(this).data("href");
var commonname = $(this).data("naam");
$.post('scripts/certificaatacties.php', {meerinfo: id}, function(data) {
$('#certificaten-meer-info').dialog( "option", "title", commonname);
$('#certificaten-meer-info').html(data);
$('#certificaten-meer-info').dialog( "open" );
});
});
Als ik in de titel "commonname" wijzig in "id" dan zie ik wel het id staan maar anders niet de commonname.
Gewijzigd op 05/02/2015 14:44:26 door Danny von Gaal
- je volgt de link, je navigeert dus naar # toe, voeg dus e.preventDefault() toe (en "e" in je click function)
- de class in de link (dialog-open-certverlengen) komt niet overeen met de class in het click event (dialog-open-certinfo)
Ik weet trouwens niet of .data() de juiste manier is, maar deze lijkt te werken (als je bovenstaande punten verbetert). Je zou ook kunnen overwegen om in plaats hiervan $(this).attr('<naam-van-je-data-attribuut>') te gebruiken.
Daarnaast komt #certificaten-meer-info overeen met de div die wordt geopend en die ben ik helaas vergeten bij te voegen.
Code (php)
1
2
2
<div id="certificaten-meer-info">
</div>
</div>
Dit staat onderaan het document en daarin wordt mijn info geladen. Het zal wel goed zijn want als ik de variable commonname verander in tekst dan komt dat wel in de titelbalk.