Как получить работу easyui js на divs, которые написаны другим кодом js

Question

У меня есть класс javascript, который создает html-код. Я могу правильно создать html-код без ошибок. В это время я производю некоторые divs, которые должны быть адаптированы для удобной реализации. Однако, когда я создаю свои аккордеонные divs, easyui их не видит и ничего не делает на них.

Я попытался включить мой класс производителя как до, так и после easyui скриптов. Но это не работает.

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

К примеру, это мой acordion ДИВ:

<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 ДИВЫ # accordion2 отображаются в браузере, как я установил в JS, но легко ui не влияет на это.

Когда я не включаю мой класс продюсер и написать свой HTML, как это easyui работает на DIV:

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

Как решить эту проблему? Спасибо ...

Answer 1

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

Однако все, что я сделал, это изменение первого и последнего одинарных кавычек.

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

Я никогда не использовал легкий-интерфейс, но то, что я заметил, что если не поставить атрибут «название» в DIV, который вложен внутри аккордеона он не показывает вложенные элементы.

Таким образом, после изменения строки я добавил 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