2014-12-11 2 views
0

Я ищу, чтобы использовать форму для добавления элементов в массив в Javascript, а затем использовать значения, которые будут отображаться в аккордеоне.JQuery аккордеон не работает с созданным Javascript контентом

Однако, когда я создаю строку значений и добавляю их в HTML-файл, аккордеон не работает. Он находится в том же формате, когда он добавлен, чем когда он вводится вручную.

Когда я ввожу тот же код вручную, аккордеон не работает без проблем

Любые идеи?

Благодаря

код для создания строки:

contact.prototype.contactList= function(){ 
var cl = "<h3>" + this.firstname + "</h3><div><p>" + 
     this.middlename + "" + this.lastname + "" + this.homeadd1 + ""+ this.homeadd2 + ""+ this.homeadd3 + ""+ this.homepost + ""+ this.workadd1 + ""+ this.workadd2 + ""+ this.workadd3 + ""+ this.workpost + ""+ this.email + ""+ this.homephone + ""+ this.workphone +""+ this.mobilephone +""+ this.dob +""+ this.relstat +"</p></div>"; 

return cl; 

};

JS Аккордеон Функция:

$('#accordion').on('update', 'h3', function() { 
      $("#accordion").accordion(); 
     }); 

Ид Я добавляю содержание, называется аккордеон

Заранее спасибо за помощь

+0

Пожалуйста, объясните, что вы ожидаете код, показанный сделать. Мы не можем видеть, где вы создаете аккордеон из строки, и вы не указали какой-либо код для какого-либо события 'update'. Демонстрация в jsfiddle.net поможет – charlietfl

+0

Я не создаю аккордеон из строки, я думал, что был включен в JQuery. У меня также нет события обновления - я думал, что он тоже был включен. Я не могу предоставить JSFiddle, поскольку я не могу заставить его работать, но вот что я пытаюсь достичь http://jsfiddle.net/wdy8z/2/, используя это в качестве примера: http: //jqueryui.com/accordion/Thanks –

+0

В этом случае действительно непонятно, для чего предназначена ваша первая функция. Покажите, как вы его используете. Честно говоря, я думаю, вам нужно начать с более высокого уровня, объясняя ваши общие цели, поскольку он относится к преобразованию данных в аккордеон – charlietfl

ответ

Смежные вопросы