jQuery sortable()
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
2
3
4
5
6
7
8
9
10
11
12
<!-- Box -->
<div class="box">
<div class="title"><span class="move">*</span>Title</div>
<ul>
<li><a href="link">Link to something</a></li>
<li><a href="link">Link to something</a></li>
<li><a href="link">Link to something</a></li>
<li><a href="link">Link to something</a></li>
<li><a href="link">Link to something</a></li>
</ul>
</div>
<!-- /Box -->
<div class="box">
<div class="title"><span class="move">*</span>Title</div>
<ul>
<li><a href="link">Link to something</a></li>
<li><a href="link">Link to something</a></li>
<li><a href="link">Link to something</a></li>
<li><a href="link">Link to something</a></li>
<li><a href="link">Link to something</a></li>
</ul>
</div>
<!-- /Box -->
en die zit in #container
Dit is m'n JS:
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
$(document).ready(function(){
$(".box").sortable({
handle: $(".move"),
cursor: "move",
opacity: 0.4,
});
});
</script>
$(document).ready(function(){
$(".box").sortable({
handle: $(".move"),
cursor: "move",
opacity: 0.4,
});
});
</script>
Als ik echter de * aanklik en begin te slepen, dan neemt ie alleen <div class="title"> mee en niet de gehele box.
Wat doe ik fout?
Edit:
Mm, blijkbaar moest ik 't een stapje hoger zoeken
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
$(document).ready(function(){
$(".column").sortable({
handle: $(".box"),
cursor: "move",
opacity: 0.4,
connectWith: $(".column")
});
});
</script>
$(document).ready(function(){
$(".column").sortable({
handle: $(".box"),
cursor: "move",
opacity: 0.4,
connectWith: $(".column")
});
});
</script>
Dit werkt al beter, alleen raakt de box al z'n CSS kwijt en verdwijnen m'n columnen als er geen box meer in staat..
Edit2: Raakt z'n css niet kwijt, alleen width staat op 100%, dus dan wordt ie opeens mega groot..
Gewijzigd op 01/01/1970 01:00:00 door Gerben Jacobs
Gesponsorde koppelingen:
Er zijn nog geen reacties op dit bericht.
