javascript - 将jquery移动主题值传递给带有主干的div标签

Question

我希望能够在应用程序运行时更改我的主题。我如何将值从主干传回，但不知道如何将其添加到页面 div。例如，在下面的代码中 {{-theme}} 被替换为实际值，比如 a。

   -- <div data-role="page" id="todopage" >
    --  <div data-theme="a" id="testr">{{-theme}}</span> 

我希望能够做这样的事情

          <div data-role="page" id="todopage" data-theme="<%{{-theme}} %>">

. 这可能吗？

我正在使用以下代码获得主题的价值

  self.setElement('#todopage')

  self.elem = {
      testr: self.$el.find('#testr')

 }
  self.tm = {
      testr: _.template( self.elem.testr.html() )
 }

并在渲染 var loaded = app.model.state.get('theme')

  self.elem.testr.html( self.tm.testr({
      theme: loaded 
  }) )

我现在不确定是否将值直接传递回 div 标签。有人有什么想法吗？

谢谢标记

Answer 1

使用 $("#todopage").attr("data-theme", loaded) $("#todopage").attr("data-content-theme",loaded) $('#todopage') 让它工作。 page('destroy').page();