Динамически добавленное свойство не видно в элементе html

Question

Динамически добавленное свойство не видно в элементе html

0

Я добавил свойство "disabled" в textbox ввода textbox поля динамически с помощью jQuery. Но, глядя на сгенерированный HTML, он не отображается в textbox ввода textbox поля, к которому я добавил свойство "disabled".

И поскольку он не добавлен к нему, моя другая функция jQuery никогда не вводится.

Вот мой код:

Это происходит там, где в событии загрузки doc:

$('.testGroup :input').prop('disabled', true)

Эта функция показывает всплывающую подсказку, когда вы click или hover на заблокированные входы:

$('input:disabled').after(function (e) {
        debugger;
        d = $("<div>");
        i = $(this);
        d.css({
            height: i.outerHeight(),
            width: i.outerWidth(),
            position: "absolute",
        })
        d.css(i.offset());
        d.attr("title", i.attr("title"));
        d.tooltip();
        return d;
    });

Я использовал/пробовал как prop() и attr(), но не входит в мою функцию after().

По словам Павла Росании, я должен использовать prop().

Есть ли другой способ сделать это?

EDIT: jsFiddle

Quoter 19 янв. 2014, в 14:38

Источник

2

Не могли бы вы опубликовать jsfiddle?
kapa 19 янв. 2014, в 13:23
0

Конечно, смотрите мой вопрос обновлен. Не удалось получить динамически отключенный ввод для работы с jsFiddle ('#test').prop('disabled', true); ,
Quoter 19 янв. 2014, в 13:32
1

change ('#test'). prop ('disabled', true); $ ('# test'). prop ('disabled', true);
Shhade Slman 19 янв. 2014, в 13:54
0

Ах да, конечно, глупый я. Исправлено и обновлено, спасибо!
Quoter 19 янв. 2014, в 14:31

Показать ещё 2 комментария

Теги:

jquery

html

attr

prop

1 ответ

Ещё вопросы

Не могли бы вы опубликовать jsfiddle?
Конечно, смотрите мой вопрос обновлен. Не удалось получить динамически отключенный ввод для работы с jsFiddle ('#test').prop('disabled', true); ,
change ('#test'). prop ('disabled', true); $ ('# test'). prop ('disabled', true);
Ах да, конечно, глупый я. Исправлено и обновлено, спасибо!

Thorsten · Accepted Answer · 2014-01-19T11-29-00.000Z

Проблема в том, что ваш код, добавляющий всплывающую подсказку, запускается только один раз после того, как DOM готов. Вам нужно вызвать его для каждого элемента, который вы отключите.

Простым решением было бы написать метод для вашей всплывающей подсказки:

function AddToolTip() {
    d = $("<div>");
    i = $(this);
    d.css({
        height: i.outerHeight(),
        width: i.outerWidth(),
        position: "absolute",
    })
    d.css(i.offset());
    d.attr("title", i.attr("title"));
    d.tooltip();
    return d;
}

Затем используйте этот метод для применения всплывающей подсказки к элементам, которые отключены в DOM ready

$('input:disabled, button:disabled').after(AddToolTip);

При отключении входного элемента снова вызовите метод

$('#test').prop('disabled', true).after(AddToolTip);

скрипка