Toastr:只需点击按钮

时间:2016-07-21 11:14:31

标签: javascript jquery html css toastr

单击按钮时,消息显示在右上角。只有经过一两次尝试后,它才会位于顶部中心。但是在提交表单时,它应该在第一次点击时位于顶部中心。谁能告诉我为什么会这样发生以及如何纠正?我已在下面添加了代码段。



<!DOCTYPE html>
<html>
<head>
<script
 src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script
 src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
<link rel="stylesheet"
 href="http://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
</head>
<body>

<p>toast-top-center</p>

<button onclick="myFunction()">Click Here</button>

<p id="demo"></p>

<script>
function myFunction() {
   Command: toastr["error"]
           ("I'm not in the top-center!")

         toastr.options = {
          "closeButton" : false,
          "debug" : false,
          "newestOnTop" : false,
          "progressBar" : false,
          "positionClass" : "toast-top-center",
          "preventDuplicates" : false,
          "onclick" : null,
          "showDuration" : "300",
          "hideDuration" : "1000",
          "timeOut" : "5000",
          "extendedTimeOut" : "1000",
          "showEasing" : "swing",
          "hideEasing" : "linear",
          "showMethod" : "fadeIn",
          "hideMethod" : "fadeOut"
         }
}
</script>

</body>
</html>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

我认为错误是因为您在阅读选项之前运行toast。

这就是为什么第一个吐司就在右上角。

在功能结束时运行toast,它将起作用。

org.openrdf.repository.config.RepositoryConfigException: Multiple ID-statements for repository ID knora-test
    at org.openrdf.repository.config.RepositoryConfigUtil.getIDStatement(RepositoryConfigUtil.java:269)
    at org.openrdf.repository.config.RepositoryConfigUtil.hasRepositoryConfig(RepositoryConfigUtil.java:91)
    at org.openrdf.repository.manager.RemoteRepositoryManager.removeRepository(RemoteRepositoryManager.java:269)
    at org.openrdf.console.Drop.dropRepository(Drop.java:99)
    at org.openrdf.console.Drop.execute(Drop.java:59)
    at org.openrdf.console.Console.executeCommand(Console.java:290)
    at org.openrdf.console.Console.start(Console.java:271)
    at org.openrdf.console.Console.main(Console.java:129)

答案 1 :(得分:0)

这是1.22版中的错误,只需从GitHub下载当前版本即可。

Toastr Github Link