Как использовать на лету объект jquery с шаблоном jquery?

Question

мой шаблон jquery отображает [объект Object], когда я передаю следующий объект привязки jquery.

    moreinfoAnchor = $("<a></a>");
    moreinfoAnchor.attr('id', 'moreLink-' + this.id);
    moreinfoAnchor.text("test");

JQuery шаблон кода:

$("#test").tmpl({
   link: moreinfoAnchor
});

Как отобразить реальный якорь с помощью шаблона jquery?

Answer 1

Вот один из способов сделать это.

Создайте свой тег привязки с помощью jQuery:

var moreinfoAnchor = $("<a></a>")
  .attr({
    'href' : 'http://www.example.com',
    'id' : 'moreLink'
  })
  .text("test");

Превратите тег привязки jQuery в простую строку:

var plainString = $('<div>')
  .append( moreinfoAnchor.clone() ).remove().html();

Затем примените шаблон:

$("#test").tmpl({
  link: plainString
}).appendTo('#thediv');

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

<script id="test" type="text/x-jquery-tmpl">
  <div>{{html link}}</div>
</script>