Cyberjunkie
Gebruiker
- Lid geworden
- 6 mei 2012
- Berichten
- 41
Beste lezer,
Ik heb een probleem met jquery. Ik heb van de jquery interface pagina de split button voorbeeld
gebruikt.
deze button :
http://jqueryui.com/button/#splitbutton
Nu werkt dit voorbeeld prima, alleen kom ik tegen een probleem aan wanneer ik meerdere
split buttons op 1 pagina wil. Want dan wordt er 1 goed weergeven en de ander niet. Nu
heb ik het verantwoordelijke stuk script geisoleerd en ben ik erachter gekomen dat het te
maken heeft met de dezelfde id tags. Maar heb geen idee hoe ik dit nu moet aanpassen om
meerdere split buttons te ondersteunen.
Bijvoorbaat vele malen dank.
de code
Ik heb een probleem met jquery. Ik heb van de jquery interface pagina de split button voorbeeld
gebruikt.
deze button :
http://jqueryui.com/button/#splitbutton
Nu werkt dit voorbeeld prima, alleen kom ik tegen een probleem aan wanneer ik meerdere
split buttons op 1 pagina wil. Want dan wordt er 1 goed weergeven en de ander niet. Nu
heb ik het verantwoordelijke stuk script geisoleerd en ben ik erachter gekomen dat het te
maken heeft met de dezelfde id tags. Maar heb geen idee hoe ik dit nu moet aanpassen om
meerdere split buttons te ondersteunen.
Bijvoorbaat vele malen dank.
de code
Code:
<script>
$(function() {
$( "#rerun" )
.button()
.click(function() {
alert( "Running the last action" );
})
.next()
.button({
text: false,
icons: {
primary: "ui-icon-triangle-1-s"
}
})
.click(function() {
var menu = $( this ).parent().next().show().position({
my: "left top",
at: "left bottom",
of: this
});
$( document ).one( "click", function() {
menu.hide();
});
return false;
})
.parent()
.buttonset()
.next()
.hide()
.menu();
});
</script>
<div>
<div style = "font-size: 90.5%;">
<button id="rerun" style="font-size:100%;width:50px;">Opties</button>
<button id="select" style="font-size:100%;width:50px;">Opties</button>
</div>
<ul>
<li><a href="#">Open...</a></li>
<li><a href="#">Delete</a></li>
</ul>
</div>
