Question

我有一个更新文档属性的数据功能。该属性是HTML代码的字符串。该字符串是无序列表的HTML样机。每当数据功能更新document属性时，我的javascript代码就不会采用该文档属性的值并将其放入div的html中。仅当我单击输入框并添加多余的空间或东西时，才会触发执行该过程的on change函数。

最后，我想隐藏输入框，只显示包含格式为html的文档属性的div。

（由于JavaScript对我来说效果更好，因此我使用的是输入框而不是标签）

这就是我想要的...

数据功能运行并更新文档属性
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>

Spotfire JQuery：数据功能更新文档属性，更改时的JQuery事件未调用

0 个答案: