语法错误：意外的标识符“modal_html”。期望一个 ':'

user2012677 发表于 Dev

用户2012677

语法错误：意外的标识符“modal_html”。期望在属性名称“var”之后有一个“:”。(匿名函数) — modal.self-

Helpers = window.Helpers || {}
Helpers.Bootstrap = Helpers.Bootstrap || {}

Helpers.Bootstrap.Modal = {

  var modal_html = `
  <div class="modal fade" id="AlertModal" tabindex="-1" role="dialog" aria-labelledby="AlertModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">

        <div class="modal-header">
          <h5 class="modal-title" id="AlertModalLabel">${title}</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
          </button>
        </div>

        <div class="modal-body">
          ${message}
        </div>
        <div class="modal-footer">
          ${ button_html( button1 )}
          ${ button_html( button2 )}
        </div>

    </div>
  </div>
  `;

  init(title, message, button1, button2, existingelementid) {
    if (b === undefined) {
      Helpers.Bootstrap.Modal.closee(existingelementid)
    }
    modal_html
  }

  close(elementid) {
    $( elementid + " .close").click();
  }

  button_html(button_name) {
    var button_cancel = "<button type="button" class="btn btn-outline-danger" data-dismiss="modal">Cancel</button>";
    var button_save   = "<button type="submit" class="btn btn-outline-primary spinner" >Save</button>";
    var button_ok     = "<button type="button" class="btn btn-outline-primary" data-dismiss="modal">Ok</button>";
    var button_close  = "<button type="button" class="btn btn-outline-primary" data-dismiss="modal">Close</button>";

    switch(button_name) {
      case "cancel":
        button_cancel;
        break;
      case "save":
        button_save;
        break;
      case "ok":
        button_ok;
        break;
      case "close":
        button_close;
        break;
      default:
        button_name;
    }
  }
}

数字绝地

你在这里做错了很多事情：

结束你的任务Helpers = window.Helpers || {}，并Helpers.Bootstrap = Helpers.Bootstrap || {}用分号;（只是因为！）
我想Helpers.Bootstrap.Modal.closee(existingelementid)应该是.close没有.closee
你的 htmlmodal_html最后缺少一个结束</div>标签
你不能var像你对insted 所做的那样在对象内部decalare a var XXX = something;：XXX : something,<-- （注意,最后）
在你的函数中，init它最后只是随机说modal_html（没有赋值或其他任何东西）
button_html 中的整个代码完全是胡言乱语……ofcvar button_cancel = "<button type="不是一个真正的任务，继续下去button " class="只会破坏一切！---> 你不能"用来分隔里面""
你永远不会从你的switch,返回任何东西（至少这就是我认为你想要做的）
还有很多，但我建议先解决这个问题，也许你原来的错误会神奇地消失;)

Helpers = window.Helpers || {}; /* <------ */
Helpers.Bootstrap = Helpers.Bootstrap || {}; /* <------- */

Helpers.Bootstrap.Modal = {

  modal_html : `
  <div class="modal fade" id="AlertModal" tabindex="-1" role="dialog"               aria-labelledby="AlertModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
      <div class="modal-content">

        <div class="modal-header">
          <h5 class="modal-title" id="AlertModalLabel"></h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
          </button>
        </div>

        <div class="modal-body">
          
        </div>
        <div class="modal-footer">
        </div>

    </div>
  </div>
  </div> <!-- <--------- -->
  `,


  
  
  button_html(button_name) {
  /*
    var button_cancel = "<button type="
    button " class="
    btn btn - outline - danger " data-dismiss="
    modal ">Cancel</button>";
    var button_save = "<button type="
    submit " class="
    btn btn - outline - primary spinner " >Save</button>";
    var button_ok = "<button type="
    button " class="
    btn btn - outline - primary " data-dismiss="
    modal ">Ok</button>";
    var button_close = "<button type="
    button " class="
    btn btn - outline - primary " data-dismiss="
    modal ">Close</button>";

    switch (button_name) {
      case "cancel":
        button_cancel;
        break;
      case "save":
        button_save;
        break;
      case "ok":
        button_ok;
        break;
      case "close":
        button_close;
        break;
      default:
        button_name;
    }
    
    THE ABOVE CODE IN THIS COMMENT IS ALL GIBBERISH AND IS NOT CORRECT */
  }

}

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。