У меня есть функция данных, которая обновляет свойство документа.Свойство представляет собой строку кода HTML.Строка представляет собой макет HTML неупорядоченного списка.Когда функция данных обновляет свойство документа, мой код javascript, который принимает значение свойства этого документа и помещает его в HTML-код div, не запускается.Функция on change, которая выполняет этот процесс, запускается только тогда, когда я щелкаю поле ввода и помещаю дополнительный пробел или что-то в этом роде ...
В конце я хочу скрыть поле ввода и просто отобразить div, содержащийсвойство документа, отформатированное как html.
(я использую поле ввода вместо метки, так как JavaScript работал лучше для меня)
Это то, что я хочу ...
- datafunction запускает и обновляет свойство документа
- javascript понимает, что свойство документа изменилось и работает (без взаимодействия пользователя с полем свойства документа)
вот мой код...
HTML / CSS
<style>
ul li {
color: black;
list-style: none;
font-size: 1.5em;
padding: 5px 0px;
}
ul li::before {
color: rgb(227,114,34);
content: "\2022";
font-size: 1.5em;
padding-right: 1.1225em;
position: relative;
top: 0em;
}
</style>
<DIV id="analysis"><SpotfireControl id="03f5066b000f41babdcb3807ec8fca41" />
</DIV>
<DIV id="preview"></DIV>
JAVASCRIPT
$("#analysis input").bind('input propertychange',livePreview);
$("#analysis input").on('change',livePreview);
function livePreview(){
$("#preview").html($("#analysis input").val())
}
Вот пример значения свойства документа
<ul><li>Line 1</li><li>Line 2</li><ul><li>Line 3 indented</li><li>Line 4 indented</li></ul><li>line 5</li><li>line 6</li></ul>