HTML模板 - 不要写两次相同的HTML(couchdb)

ptf*_*ptf 0 javascript jquery html5 couchdb

我正在建立一个小网站,我需要一种方法来使用相同的html几次.现在我有一个html文件,其中包含所有页面的常见内容,然后我使用AJAX来获取包含HTML部分的.html文件.

例子:

主要HTML:

<html>
    <head>...</head>
    <body>
        <div class="main-content-wrapper">
            <!-- AJAX puts html here -->
        </div>
    </body>
</html>
Run Code Online (Sandbox Code Playgroud)

JavaScript :(摘录)

// Fire ajax request
$.ajax({
    url: pagename,
}).done(function (data) {

    // Overwrites old html with new html
    $('.main-content').html(data);

    if (callback)
        callback();   
});
Run Code Online (Sandbox Code Playgroud)

但是当我尝试将事件绑定到按钮,在html页面中包含JavaScript/CSS等时,这给了我一个问题.我真的不需要一个完整的框架,我只需要获取一些html所以我赢了'必须写两次.谁知道怎么样?

编辑:我从couchdb获取文件,所以我不知道我是否可以使用像PHP这样的服务器端语言.

sar*_*ink 5

  1. 你可以使用服务器端语言(如php和use include)
  2. 你可以使用JS模板系统(如underscore.js或mustache.js)
  3. 或者如果你想继续按照当前的方式进行,可以利用jQuery的.on()将事件绑定到将来插入的DOM元素