Question

我正试图让夏季音符中的通知区域工作，但它确实显示出来。在下面的示例中，我希望按下按钮后该区域显示在底部。

我错过了什么？



<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Summernote</title>
  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script> 
  <script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script> 
  <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.css" rel="stylesheet">
  <script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.9/summernote.js"></script>
</head>
<body>
  <button onclick="test()">hello</button>
  <div id="summernote"><p>Hello Summernote</p></div>
  <script>
    $(document).ready(function() {
        $('#summernote').summernote();
        $('#summernote').summernote({
        maxHeight: 300,
  dialogsInBody: true,
  dialogsFade: true  // Add fade effect on dialogs
});

    });

    function test(){
    $('.note-status-output').html('<div class="alert alert-danger">' +
    'This is an error using a Bootstrap alert that has been restyled to fit here.' +
    '</div>'
    );
    }
  </script>

</body>
</html>

SummerNote信息/通知区域未显示

0 个答案: