Problem med JQuery dialog-boks
Jeg har forsøgt at få dialog-boks-JQuery'et hentet her: http://jqueryui.com/dialog/ til at virke på et projekt, jeg leger med - kan ses her: http://web-legestuen.dk/shopping/web-shop.phpJeg henter en række poster fra en sql-database som bliver skrevet ud på siden, og vil have mulighed for at highlighte yderligere information i en dialogboks, når der klikkes på knappen "Mere information".
Imidlertid åbnes alle dialogboksene på alle poster, når der klikkes på en enkelt.
Hvad gør jeg galt? Og hvordan får jeg det rettet?
Lidt af den aktuelle kode er her:
<head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
</head>
<body>
........
if($stmt=$mysqli->prepare('SELECT * FROM `produkter`'))
{
$stmt->execute();
$stmt->bind_result($id, $produktnummer,$kategori, $navn,
$beskrivelse, $info, $lagerstatus, $pris, $billede);
while($stmt->fetch())
{
$beskrivelse=nl2br($beskrivelse);
$lagerstatus="Lagerstatus: $lagerstatus";
?>
<div><img class="varebillede" src="<?php echo $billede;?>" alt="" title="Vare-id: <?php echo $id;?>" /></div>
<div class="navn"><?php echo $navn;?></div>
<div class="beskrivelse"><?php echo $beskrivelse;?></div>
<div class="pris">Pris DKK <?php echo $pris;?></div><br />
<div class="kurveknap"><input type="button" value="Læg i kurv" onclick="addtocart(<?php echo $id;?>)" /></div>
<!--herunder javascript til dialogfunktionen -->
<button class="opener">Mere information</button>
<div class="dialog" title="<?php echo $navn ?>"><?php echo $beskrivelse ?></div>
<script type="text/javascript">
$( ".dialog" ).dialog({ autoOpen: false });
$( ".opener" ).click(function() {
$( ".dialog" ).dialog( "open" );
});
</script>
<?php
}
$stmt->close();
}
