0 
   <script>
            $(function(){

                var ws_scheme = window.location.protocol == "https:" ? "wss": "ws";
                var ws_path = ws_scheme + "://" + window.location.host + "/dashboard";
                console.log("Connecting to " + ws_path);
                var socket = new ReconnectingWebSocket(ws_path);
                socket.onmessage = function (message) {
                    // Decode the JSON
                    console.log("Got websocket message " + message.data);
                    var display = '<div class="uk-alert uk-alert-success">'+ message.data + "</div>";
                    console.log("Got websocket message " + display);
                    UIkit.notify({
                        message : display,
                        status  : 'info',
                        timeout : 0,
                        pos     : 'top-center'
                        });
                    }
            });
  </script>

次のコード スニペットでは、UI kit notify が画面の左下隅に通知を表示しています。他の可能な値に位置を変更できても変わりません。

私はとてもばかげたことをしているに違いない。どんな助けでも大歓迎です。

4

1 に答える 1

1

uikit notify 内のメッセージは文字列のみです。内部で div を使用すると残りが台無しになる可能性があります。それをいじってみてください。

また、通知コンポーネントには独自の css があります。必ずインクルードしてください。

于 2016-12-28T15:41:37.927 に答える