Question

我使用jquery plugin在给定特定条件的情况下点击按钮时显示吐司信息。但是，当我点击按钮时，会显示新的吐司信息。我要展示的只是在点击该按钮时显示的一个Toast消息，当我的第一个Toast消息仍在屏幕上时，它不应该显示另一个Toast消息。

是否有某种方法可以获得它的全局实例，然后每次显示相同而不是显示新实例？

任何帮助将不胜感激。提前谢谢。

Answer 1

您可以使用布尔值来记住是否显示Toast消息。请参阅jsfiddle（从官方demo分叉）。你也可以使用myToast变量作为＆＃34; boolean＆＃34;以类似的方式。

＆＃13;

$(document).ready(function() {

		var isDisplaying = false;
    var yourText = 'Success Dialog which is NOT sticky',
        toastMessageSettings = {
            text: yourText,
            sticky: false,
            position: 'top-right',
            type: 'success',
            closeText: '',
            close: function() {
                console.log("toast is closed ...");
                isDisplaying = false;
            }
        };


    $('#mybutton').click(function() {
    	if ( ! isDisplaying) {
          var myToast = $().toastmessage('showToast', toastMessageSettings);
          console.log('myToast:');
          console.log(myToast);
          isDisplaying = true;
        }
        
    });

});

＆＃13;

<script src="http://akquinet.github.com/jquery-toastmessage-plugin/demo/jquery.toastmessage-min.js"></script>
<link href="http://akquinet.github.com/jquery-toastmessage-plugin/demo/css/jquery.toastmessage-min.css" rel="stylesheet"/>
    <h1><a href="http://github.com/akquinet/jquery-toastmessage-plugin">jquery-toastmessage-plugin Demo</a>
        <br/><span class="small">by <a href="http://github.com/akquinet">akquinet</a></span></h1>

<button id="mybutton">Press it</button>

＆＃13;

使用akquinet jquery toast消息插件设置toastmessage的全局实例

1 个答案: