ウィジェットコード内でブラウザウィンドウのサイズ変更(イベント)リスナーを登録することは可能ですか?
私は以下を試しました:
//widget code...
bind_: function (desktop, skipper, after) {
//...
jq(window).bind('resize', function () {console.log('Hello world 1!'); });
jq(window).on('resize', function () {console.log('Hello world 2!'); });
jq(window).resize(function (event) {console.log('Hello world 3!'); });
$(window).resize(function (event) {console.log('Hello world 4!'); });
jq.bind('resize', function () {console.log('Hello world 5!'); });
zk.afterMount(function() {
jq(window).bind('resize', function () {console.log('Hello world 6!'); });
jq(window).on('resize', function () {console.log('Hello world 7!'); });
jq.bind('resize', function () {console.log('Hello world 8!'); });
});
}, //end of bind
//rest of widget code..
ウィジェット(および私のページコードの残りの部分がロードされた後)の後、ブラウザーウィンドウのサイズを変更してもログは表示されません。
上記のシナリオは単純ですが、一般に、ブラウザーウィンドウのサイズ変更時に特定のウィジェットの動作を追加できます。
zul
ページを使用したり<script>
、HTMLのヘッダーに別の要素を追加したりするオプションがありません。
私はSOおよびzkフォーラムを調べましたが、これに対する単純または複雑な本当の答えは見つかりませんでした。
更新:ウィジェットの「バインド」時に呼び出すのは時期尚早のようです。ページ全体(およびすべてのウィジェット)がロードされた後に呼び出された場合、(そしてそのときのみ)サイズ変更リスナーが登録されます。
さらに調査した後、私の問題はいくつかの方法で解決できます。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加