jQuery UI IE7 ошибка вложенного неупорядоченного списка - PullRequest
Новая
       27

jQuery UI IE7 ошибка вложенного неупорядоченного списка

0 голосов
/ 25 сентября 2010

Я пытаюсь получить его так, чтобы каждый подсписок можно было заказать только в пределах его группы.Это отлично работает в FF, но в IE он либо перемещает весь родительский (ые), либо, используя e.stopPropagation();, полностью убивает функциональность в дочернем элементе.Мне нужна живая функциональность внутри ребенка.

Предложения? 

$(document).ready(function() {

    $("#sortable2").sortable({
       opacity: 0.5,
       stop:function(i){
       $.ajax({
            type: "GET",
            url: "?",
            data: $(this).sortable("serialize")
       });
       }
    });


 $("#sortable2").selectable();
 $("#sortable2").disableSelection();

 $('#sortable2 ul').bind('mousedown', function(e) {
    e.stopPropagation();
 });

});

И HTML: 

<ul id="sortable2">
    <li>One</li>
    <li>Two</li>
    <li>Three
        <ul id="sortable2">
            <li>One-3</li>
            <li>Two-3</li>
        </ul>
    </li>
</ul>

1 Ответ

2 голосов
/ 28 сентября 2010 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
    $(".sortable2").sortable({
       opacity: 0.5,
       stop:function(i){
       $.ajax({
            type: "GET",
            url: "?",
            data: $(this).sortable("serialize")
       });
       }
   }).bind('mousedown', function(e) {
       if ($.browser.msie) {
           e.stopPropagation();
       };
   });
});
</script>

<ul class="sortable2">
    <li>One</li>
    <li>Two</li>
    <li>Three
        <ul class="sortable2">
            <li>One-3</li>
            <li>Two-3</li>
        </ul>
    </li>
</ul>

Протестировано в IE6 / 7/8, Chrome, FF.

...