如何在另一个js代码编写的div上获得easyui js的工作

时间:2013-11-22 18:51:40

标签: javascript jquery html jquery-easyui

我有一个生成HTML代码的javascript类。我可以正确生成HTML代码,没有任何错误。在这个时候,我正在制作一些div,这些div应该是easyui实现的accoridon布局。然而,当我制作手风琴div时,easyui看不到它们,也没有任何东西。

我试图在easyui脚本之前和之后包含我的生产者类。但它不起作用。

如果我必须更清楚,我会写一些代码,但认为这是伪代码而不是真正的代码,这段代码只是为了让我更好地表达自己:

例如,这是我的acordion div:

<div class="easyui-accordion" id="accordion2"  href="#"><div>

这是我的javascript代码:

var myContent="<a href="#" class="easyui-linkbutton" plain="true"    
id="mydivid">OrtoFoto TVK</a>";

document.getElementById("acordion2").innerHTML=myContent;

在这个示例中,按钮elementinside div#accordion2在浏览器中显示为我在js中设置,但easyui不会影响它。

当我没有包含我的制作人类并写下我的HTML这样的easyui工作在div:

<div class="easyui-accordion" id="accordion2"  href="#">
  <a href="#" class="easyui-linkbutton" plain="true" id="mydivid">
    OrtoFoto TVK
  </a>
<div>

怎么能解决这个问题?感谢...

1 个答案:

答案 0 :(得分:0)

这是一个工作示例。当您使用字符串时,如果以双引号开头并且在字符串中需要另一组双引号,则必须要小心它们。如果你看一下你所看到的那个字符串,你会看到它不是一种纯色,它的红色和灰色,但我的全是红色。这是一个提示,你的字符串不是一个字符串。

然而我所做的只是将第一个和最后一个改为单引号。

 var myContent='<a href="#" class="easyui-linkbutton" plain="true"  id="mydivid">OrtoFoto TVK</a>';

我从未使用过easy-ui但我注意到的是,如果你没有在嵌入手风琴的div中放置'title'属性,它就不会显示嵌套元素。

因此在更改字符串后,我添加了一个带标题的div

 var myContent='<div title="test"><a href="#" class="easyui-linkbutton" plain="true" id="mydivid">OrtoFoto TVK</a></div>';

这似乎与我想的方式有关。这是jsBin中的一个工作示例。

http://jsbin.com/#/ocIFosox/1/edit