Javascript MDL菜单不适用于小胡子

Javascript MDL菜单不适用于小胡子,javascript,html,css,ajax,material-design-lite,Javascript,Html,Css,Ajax,Material Design Lite,我有网站的主页,我在scroll事件中使用ajax请求加载内容。我使用mustache.js添加mdl卡。我想在卡片上添加mdl菜单。首先ajaxload不需要滚动即可。但是在滚动之后,在添加的卡片mdl菜单中不起作用。为什么? <div class="mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet mdl-cell--4-col- phone"> <div class='demo-card-wide demo-card-s

我有网站的主页,我在scroll事件中使用
ajax
请求加载内容。我使用
mustache.js
添加mdl卡。我想在卡片上添加mdl菜单。首先
ajax
load不需要滚动即可。但是在滚动之后,在添加的卡片
mdl菜单中
不起作用。为什么?

<div class="mdl-cell mdl-cell--6-col mdl-cell--8-col-tablet mdl-cell--4-col-  phone">
  <div class='demo-card-wide demo-card-square mdl-card mdl-shadow--4dp'>
    <div class='mdl-card__media' ></div>
    <div class='mdl-card__title mdl-card--expand' style="background: url('{% templatetag openvariable %} image {% templatetag closevariable %}') center / cover;">
      <h2 class='mdl-card__title-text'> {% templatetag openvariable %} title {% templatetag closevariable %} </h2>
    </div>
    <div class='mdl-card__supporting-text'>
      {% templatetag openvariable %} description {% templatetag closevariable %}
    </div>
    <div class='mdl-card__menu'>
      <div class="mdl-button--floating-action" style="position: relative; left: 45px; bottom: 35px;">
        <button class="mdl-button mdl-menu--bottom-right mdl-js-button mdl-button--icon mdl-js-ripple-effect" id="{% templatetag openvariable %}id{% templatetag closevariable %}">
          <i class="material-icons">keyboard_arrow_down</i>
          <span class="mdl-ripple"></span>
        </button>
        <ul class="mdl-menu mdl-menu--bottom-right mdl-js-menu mdl-js-ripple-effect" for="{% templatetag openvariable %}id{% templatetag closevariable %}">
          <li class="mdl-menu__item">
            Share
            <div class="mdl-button mdl-button--icon mdl-button--colored">
              <i class="material-icons">share</i>
            </div>
          </li>
          <li disabled class="mdl-menu__item">
            Delete
            <div disabled class="mdl-button mdl-button--icon mdl-button--colored">
              <i class="material-icons">close</i>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <div class='mdl-card__actions mdl-card--border'>
      <a class='mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect' href='/posts/{% templatetag openvariable %}id{% templatetag closevariable %}'>
        Подробнее
      </a>
      <div class="mdl-layout-spacer" align="center"></div>
      <div class='mdl-card__supporting-text' align="right">{% templatetag openvariable %} pub_date {% templatetag closevariable %}</div>
    </div>
  </div>
</div>

{%templatetag openvariable%}标题{%templatetag closevariable%}
{%templatetag openvariable%}说明{%templatetag closevariable%}
键盘箭头向下
={%templatetag openvariable%}id{%templatetag closevariable%}>
  • 分享 分享
  • 删除 关闭
  • {%templatetag openvariable%}发布日期{%templatetag closevariable%}
    那么,我能做什么