Material design lite live复选框加载

Question

在我的项目中，我使用mdl框架和jquery用于ajax。现在我创建索引页面和page.html。在索引中我有完整的页面结构，在page.html视图中这样：

  <span class="mdl-list__item-primary-content">
    <span>
      <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-1">
        <input type="checkbox" id="checkbox-1" class="mdl-checkbox__input" {{complete}}>
      </label>
    </span>
    <span>
      {{name}}
    </span>
    <span class="mdl-list__item-text-body">
      {{name2}}
    </span>
  </span>

但是那个加载页面，加载标准复选框。我尝试使用这样的js代码：

document.querySelector('.mdl-js-checkbox').MaterialCheckbox()
or
document.querySelector('.mdl-js-checkbox').MaterialCheckbox.check()
or
$('.mdl-js-checkbox').MaterialCheckbox

和其他很多方法，但任何人都不工作，我的复选框视图像标准。你有什么想法吗？