鍍金池/ 問答/HTML/ template-web.js在ajax中不能使用？

template-web.js在ajax中不能使用？

問題：使用webpack下載回來最新的template-web.js，在jquery3.3.1.js中使用ajax時不能使用
代碼：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport">
  <script src="./js/common/ali_rem.js"></script>
  <link rel="stylesheet" href="lib/swiper/swiper.min.css">
  <link rel="stylesheet" href="css/index.css">

  <script src="./js/common/jquery-3.3.1.min.js"></script>
  <script type="text/javascript" src="./js/common/mockjax.js"></script>

  <title>首頁</title>
</head>
<body>

<div class="wrap">
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <a ><img src="images/index/banner.png" alt=""></a>
      </div>
      <div class="swiper-slide">
        <a ><img src="images/index/banner.png" alt=""></a>
      </div>
      <div class="swiper-slide">
        <a ><img src="images/index/banner.png" alt=""></a>
      </div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
  </div>

  <div class="block block-1">
    <div class="ft">
      <a href="/abao/info/list.dhtml?c=notice" class="more aln-y">更多</a>
      <div class="text-scorll">
        <i class="icon icon-horn"></i>
        <ul>
          <li><a href="/abao/info/show.dhtml?id=402894316076866b0160769f7e20000e" title="我的幸福剛剛好">我的幸福剛剛好</a></li>
          <li><a href="/abao/info/show.dhtml?id=402894316076866b0160769eee40000d" title="愛若放手，祝福依舊">愛若放手，祝福依舊</a></li>
          <li><a href="/abao/info/show.dhtml?id=402894316076866b0160769e72b7000b" title="后來，我瞞著所有人愛了你很久很久">后來，我瞞著所有人愛了你很久很久</a>
          </li>
          <li><a href="/abao/info/show.dhtml?id=402894316076866b0160769f7e20000e" title="我的幸福剛剛好">我的幸福剛剛好</a></li>
        </ul>
      </div>
    </div>
  </div>

  <div class="bar">
    <ul>
      <li>
        <a href="#"><span><img src="images/index/productIntroduce.png" alt=""></span><span class="text">產品介紹</span></a>
      </li>
      <li>
        <a  href="#"><span><img src="images/index/terraceData.png" alt=""></span><span class="text">平臺數據</span></a>
      </li>
      <li>
        <a  href="#"><span><img src="images/index/safetyEnsure.png" alt=""></span><span class="text">安全保障</span></a>
      </li>
      <li>
        <a  href="#"><span><img src="images/index/newerDirect.png" alt=""></span><span class="text">新手指引</span></a>
      </li>
    </ul>
  </div>

  <div class="block block-2">
    <div class="hd">
      <div class="bd">
        <!-- 體驗標 -->
        <div class="bids-list">
          <i class="newWeal"></i>
          <a href="" class="item">
            <span class="tit">[投資計劃]2017212212</span>
            <h3>新手專享</h3>
            <div class="rate-bar">
              <span class="rate-one">10</span>
              <span class="symbol">%</span>
              <span class="plus">+</span>
              <span class="rate-add">2.00</span>
              <span class="symbol2">%</span>
              <span class="rate">年化利率</span>
            </div>
            <div class="info">
                <div class="money-bar">剩余金額:&nbsp;&nbsp;<span class="money-num">0</span>元</div>
                <div class="limit-bar">期限:&nbsp;&nbsp;<span class="limit-one"><font>12</font> 個月</span></div>
            </div>
          </a>
          <span class="btn" onclick="showProject(${project.id});">滿標 </span>
        </div>
        <!-- 非體驗標 -->
      </div>
    </div>
  </div>

  <!-- 底部按鈕 -->
  <div class="fix-nav">
    <ul>
      <li><a href="/abao/" class="icon icon-home  active ">
        <i class="home-page"></i><div>首頁</div></a>
      </li>
      <li><a href="/abao/project/listProject.dhtml" class="icon icon-rise ">
        <i class="financial"></i><div>理財</div></a></li>
      <li><a href="/abao/" class="icon icon-home  active ">
        <i class="find"></i><div>發(fā)現(xiàn)</div></a></li>
      <li><a href="/abao/usercenter/home.dhtml" class="icon icon-user ">
        <i class="mine"></i><div>我的</div></a></li>
    </ul>
    </div>
  </div>
</div>

  <script src="./js/common/notice.js"></script>
  <script src="lib/swiper/swiper.min.js"></script>
  <script src="./js/data/mock.js"></script>
  <script src="js/common/template-web.js"></script>

  <script id="lunbo" type="text/template">
    {{each lunbotu as lbt}}
      <div class="swiper-slide">
        <a href="{{lbt.alink}}"><img src="{{lbt.imglink}}" alt="{{lbt.imgalt"></a>
      </div>
    {{/each}}
  </script>

<script>

    var swiper = new Swiper('.swiper-container', {
      centeredSlides: true,
      autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });

    //公告
    $('.text-scorll').notice();

    getmock.index('index','lunbotu','https://www.rongniu360.com/index/lunbotu');

    $.ajax({
      url:'https://www.rongniu360.com/index/lunbotu',
      type:'GET',
      success:function(res){
        console.log(res)

        var template = template.render('lunbo',res);
        console.log(template)

      },
      error:function(err){
        console.log(err)
      }
    })


</script>
</body>
</html>

錯誤信息：

clipboard.png

使用過：修改了jquery的版本：1.11.1、2.4.1等版本也報錯

回答
編輯回答
朽鹿

var template = template()，這里的變量不可以和插件的方法名一樣

2017年5月2日 08:26