ErikBooy007
Terugkerende gebruiker
- Lid geworden
- 24 mei 2007
- Berichten
- 3.814
Goedeavond, in m'n app gebruik in een ordered list die ik sortable heb gemaakt met jQuery.
So far so good. Het werkt ook, ik kan de items sorteren. Het probleem is, als ik een element voor de tweede keer oppak, verspringt het een stuk of 30 pixels naar links. Ik heb in jQuery de axis op "y" gezet. Ik heb geprobeerd een grid toe te voegen ( [1000,1] ) maar niets mocht helpen.
Hopelijk hebben jullie een idee.
Link: http://www.uselessapps.net/navplan/ (de lijst staat aan de linkerkant
)
JS:
[JS]
$('#routeitems').sortable({
axis: "y",
handle: 'span.move',
update: function(){
$('#routeitems').children().each(function(){
//alert($(this).attr("lat"));
});
}
});
[/JS]
CSS:
HTML:
(Ja, ik weet dat er wat attributen in m'n HTML staan die niet valid zijn, maar daar ben ik nog mee aan het experimenteren. Het probleem is hetzelfde met / zonder de attributen)
Alvast bedankt!
So far so good. Het werkt ook, ik kan de items sorteren. Het probleem is, als ik een element voor de tweede keer oppak, verspringt het een stuk of 30 pixels naar links. Ik heb in jQuery de axis op "y" gezet. Ik heb geprobeerd een grid toe te voegen ( [1000,1] ) maar niets mocht helpen.
Hopelijk hebben jullie een idee.
Link: http://www.uselessapps.net/navplan/ (de lijst staat aan de linkerkant
)JS:
[JS]
$('#routeitems').sortable({
axis: "y",
handle: 'span.move',
update: function(){
$('#routeitems').children().each(function(){
//alert($(this).attr("lat"));
});
}
});
[/JS]
CSS:
Code:
#sidebar_featured_project .news_box ol {
list-style-type: none;
position: relative;
left: -35px;
width: 235px;
}
#sidebar_featured_project .news_box ol li {
background: #e4e4e4;
color: #000;
margin-bottom: 3px;
padding: 3px 3px 3px 5px;
border: 2px solid #bcbcbc;
position: relative;
}HTML:
HTML:
<ol id="routeitems">
<lli lat="53.2" long="6.5" desc="Afslag A50 Vaassen">Afslag A50 Vaassen<span class="pin"></span><span class="move"></span></li>
<li lat="" long="" desc"">Kruising A50/A28<span class="pin"></span><span class="move"></span></li>
<li lat="" long="" desc"">Epe<span class="pin"></span><span class="move"></span></li>
<li lat="" long="" desc"">Brug Harderwijk<span class="pin"></span><span class="move"></span></li>
<li lat="" long="" desc"">Bravo<span class="pin"></span><span class="move"></span></li>
<li lat="" long="" desc"">Lelystad<span class="pin"></span><span class="move"></span></li>
</ol>(Ja, ik weet dat er wat attributen in m'n HTML staan die niet valid zijn, maar daar ben ik nog mee aan het experimenteren. Het probleem is hetzelfde met / zonder de attributen)
Alvast bedankt!
