VPF::sortable в ui.jquery хорошо работать не желает

imm

Дата 16.12.2008, 03:50 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 86
Регистрация: 27.7.2005

Репутация: нет
Всего: 1

Здравствуйте.

Меня интерисует такой момент, столкнулся с задачей, нужен sortable. Как js framework использую jQuery. Раньше для подобных вещей юзал interface.eyecon.ro пока лавочку не прикрыли (хорошо во всем был, кроме шестерки).
Залез я на ui.jquery и для скачивания там бетка 1.6 и stable 1.5.3. И к моему удивлению ни одна из этих версий работать не хочет.

Какие проблемы. Вот обычный тестовый пример.

Код


<html>
<head>

<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="jquery.ui-1.6.ci.js"></script>

<style>

.dd {
    background: green;
    width: 100px;
    height: 100px;
    float: left;
}

</style>

<script type="text/javascript">

$(function() {

    $("#cont").sortable({
        items: ".i",
        placeholder: "dd",
        tolerance: "pointer",
        zIndex: 2100        
    });

});

function ff() {
    var t = $(".i:last", $("#cont")).clone();
    t.text(t.text() + '*_');
    t.appendTo($("#cont"));
}
</script>
</head>

<body>

<input type="button" onclick="ff()" value="Add" />

<table border="1" style="width: 310px; height: 310px; "><tr><td id="cont" valign="top">

<div class="i" style="background: yellow; width: 100px; height: 100px; float: left;">
</div>

</table><tr></td>
</body>
</html>

Когда подключаю 1.5.3, то в ie 7 placeholder находится над helper'ом что ни делать (даже zIndex 2200)
В остальном вроде норм, под ie6 не пробовал.

Когда подключаю 1.6 то опять же в ie 7 трабла, происходит эффект, как будто у placeholder'а отсутсвует float: left . Короче обидно мне за даржаву.

Помогите мне разобраться, надеюсь это мои кривые руки, потому что отказываться от jQuery мне чегой-то совсем не хочется, привык я к нему.

IDVsbruck

Дата 16.12.2008, 04:37 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 778
Регистрация: 12.11.2006

Репутация: 4
Всего: 22

Думаю, надо начать с правильной разметки - закрывающие </td> и </tr> находятся за пределами </table>. Уже одного этого хватит, чтобы многие вещи в таблице не работали.

imm

Дата 16.12.2008, 17:38 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 86
Регистрация: 27.7.2005

Репутация: нет
Всего: 1

Это бесспорно грубая ошибка ) Но вы бы попробовали даже нармально закрыв таблицу этот пример, результат тоже. Было бы здорово, если бы ответ содержал решение проблемы, но увы тема остается открытой.

imm

Дата 17.12.2008, 04:51 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 86
Регистрация: 27.7.2005

Репутация: нет
Всего: 1

Короче долго я тыкал в эту шнягу. В общем если честно ui дребедень, буду копать в сторону aculos с prototype незнаю насколько они лучше. Этот пример (а собственно и сам sortable как таковой) запустился только с беткой 1.6. Почему он стал работать когда я зделал ЭТО я не пойму. А вот что я сделал:

Код


    $("#cont").sortable({
        items: ".i",
        placeholder: "dd",
        tolerance: "pointer",
        helper: true
    });

)) Я банально добавил параметр helper и дал ему значение true. хотя докупентация по ui нам достопачтенно сообщает, что:

helper Element Function(Event, Element)
Allows for a helper element to be used for dragging display. The supplied function receives the event and the element being sorted, and should return a valid DOM node to be used as a custom proxy helper.

Так что судите сами. Спасибо всем большое.

a.benz

Дата 4.2.2009, 10:32 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 31
Регистрация: 16.6.2008

Репутация: нет
Всего: нет

Я думаю с этим проблем не возникнет,,,,,,,,
http://tablesorter.com/docs/

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »