javascript - pure.js 必须与现有页面节点一起使用吗?

标签 javascript templates pure-js

<html lang="en">
  <head>
    <meta charset="utf-8">
    <script type='text/javascript' src="js/jquery/jquery-min.js"></script>
    <script type='text/javascript' src="js/pure/pure.js"></script>
  </head>
  <body>
    <div class='result'>Test Page</div>

    <script type='text/javascript'>
      $(document).ready(function(){
        var p;
        p = $("<div><ul><li></li></ul></div>");
        directives = {"li": "error"};
        data = {"error": "name must be between 3 and 250 characters long"};
        p.render(data, directives);
        $(".result").after(p);
        });
    </script>
  </body>
</html>

上面的代码没有往p对象中插入数据,但是下面的代码可以,

<html lang="en">
  <head>
    <meta charset="utf-8">
    <script type='text/javascript' src="js/jquery/jquery-min.js"></script>
    <script type='text/javascript' src="js/pure/pure.js"></script>
  </head>
  <body>
    <div class='result'>Test Page</div>

    <script type='text/javascript'>
      $(document).ready(function(){
        var p;
        p = $("<div><ul><li></li></ul></div>");
        $(".result").after(p);
        directives = {"li": "error"};
        data = {"error": "name must be between 3 and 250 characters long"};
        p.render(data, directives);
        });
    </script>
  </body>
</html>

好像是插入数据,jquery对象(这里是p)一定要操作已有的html标签?像后者这样不合理,我想要第一个代码插入数据,但是如何? 谢谢,:)

最佳答案

render 总是返回一个节点。如果模板在 DOM 中,它会被渲染的节点替换。

你可以这样做:

p = p.render(data, directives);
$(".result").after(p);

$(".result").after( p.render(data, directives) );

关于javascript - pure.js 必须与现有页面节点一起使用吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10599513/

相关文章:

javascript - 使用 purejs 单击时将数据属性复制到剪贴板

javascript - Ruby on Rails,json 与 js ajax 响应

javascript - 如何创建用于上下滚动的自定义事件?

javascript - 我无法使用聚合物在 firestore 上分离监听器

javascript - 如何在 Amazon Beanstalk 和 Tomcat 上启用 HTML/JavaScript/CSS 的 gzip

javascript - 是否可以为生成器中的图像添加权重?

c++ - 如何在 C++ 类中的 STL priority_queue 中实现这种比较

c++ - operator<< 重载、 namespace 和模板

javascript - 按分数排序具有层次结构的数组,可能使用 lodash。 ( Node )

c++ - 如何专用于模板模板参数