Обновлять при изменении значения jquery / javascript?

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

Итак, когда я изначально использую .append для добавления строковой переменной в javascript «myvar» к тегу div. Если позже «myvar» будет установлен в какую-либо другую строку.. Я хочу, чтобы тег div с добавленным myvar (или где-либо еще, где используется переменная myvar) был обновлен, чтобы также отражать новое значение. Как это сделать в jquery / javascript?

Ответ №1:

Каждый раз, когда вы меняете значение myvar, вам также необходимо обновлять HTML. Вы могли бы обернуть это во что-нибудь приятное, например:

 function setMyVar(val) {
    myVar = val;
    $('#myVar').html(val);
}  

Вам нужно было бы немного скорректировать ваше первоначальное добавление, чтобы приспособить это:

$('div').append('<div id="myVar">' myVar '</div>');

Ответ №2:

Теперь в режиме реального времени выполняется автоматическая привязка данных переменной -> текст элемента dom в HTML и jQuery по природе JS - нет события типа "переменная изменена" или около того.

Вы можете эмулировать привязку данных в реальном времени, например, так:http://www.grantshepert.com/post.cfm/jquery-and-data-binding-to-form-fields Но это также потребует вызова функции при изменении данных.