問題タブ [jasny-bootstrap]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
2052 参照

twitter-bootstrap - Jasny Bootstrap: ファイル入力を指定して画像のみを受け入れることはできますか?

ファイル入力には Jasny Bootstrap を使用します: http://www.jasny.net/bootstrap/javascript/#fileinput

画像のみを受け入れるように入力ファイルの種類を指定することは可能ですか? このような:

0 投票する
1 に答える
822 参照

jquery - ファイル入力ダイアログをキャンセルすると、Jasny Bootstrap ファイル入力で以前に選択したファイルがフラッシュされます

jasny ブートストラップ ファイル入力画像アップロード ウィジェットを使用しています。これがjasnyブートストラップファイル入力のリンクです。これは、画像アップロードウィジェット用の 私のjsfiddleです

手順:

  1. 任意のファイルを選択
  2. 「変更」をクリック
  3. ダイアログ ボックスで、[キャンセル] をクリックします。

説明:

入力として File1 を選択しているとします。今はそれを変更したいので、[変更] ボタンをクリックします。ダイアログ ボックスが表示されます。気が変わって File1 を使い続けたいので、[キャンセル] をクリックします。File1 が選択解除されていることがわかります。

期待される結果:

プロセスをキャンセルした後でも、File Input で File1 が Selected として表示されるはずです。


これがGoogle Chromeファイル入力のデフォルトの動作であることは知っていますが、 Angular HTML5 ファイル アップロードで Single Image Upload - single image uploadが表示された場合

File1 が選択されたままになっていることがわかります。

0 投票する
2 に答える
486 参照

javascript - Angular JSコントローラーはサードパーティのイベントを検出しますか?

Angular 1.4.9 アプリがあります。サードパーティの JS プラグイン (Jasny Bootstrap) を使用しています。シンプルな JQuery を使用しているように見える JS コンポーネントがいくつかあります。

彼らのドキュメントによると、プラグインは「itemShown」などの重要なポイントでイベントを発行します。次のように、ページのコントローラーでこれを検出してそれに基づいて行動できるかどうか疑問に思っていました。

「on itemShown 関数 () {...」

0 投票する
2 に答える
1004 参照

twitter-bootstrap - 2 番目のブートストラップ jasny offcanvas プッシュ メニュー

Bootstrap Jasny offcanvas プッシュ ナビゲーションを次のように使用しています: http://www.jasny.net/bootstrap/examples/navmenu-push/

今、オフキャンバス ナビゲーションを追加したいのですが、JS の知識がまったくないため、どうすればよいかわかりません。

2 番目のナビゲーションを作成し、2 番目のナビゲーションを開閉する 2 番目のトグル ボタンを追加するだけです。ただし、開いているときに最初のものを閉じません(逆も同様です)。理想的には、まず最初のナビゲーションを完全に閉じてから、2 番目のナビゲーションを開きます。

どんな助けでも大歓迎です。前もって感謝します!

https://jsfiddle.net/L2evyhuL/1/

0 投票する
4 に答える
404 参照

twitter-bootstrap - Jasny ブートストラップ: モバイル ビュー

Jasny ブートストラップを使用して左側のナビゲーション メニューを作成していますが、問題が発生しました。

ジャスニー モバイル ビュー

したがって、モバイル画面の場合、上記のようなものが得られます。メニューを閉じるにはどうすればよいですか?これは彼のウェブサイトでの彼自身の例からです

ありがとう!

0 投票する
1 に答える
134 参照

javascript - バックボーン フェッチは、毎回同じモデルを削除して再読み込みします

私はいくつかのビューに渡す「ビジネス」コレクションを持っています。

this.business.fetch() を実行すると、返されるモデルはまったく同じですが、コレクションは返されたモデルが新しいと見なされるため、イベント「追加」および「削除」がトリガーされ、「古い」が削除され、「新しい」モデル。モデル間で私が見ることができる唯一の違いはcidです。

コレクションが変更されたとフェッチが判断するのはなぜですか? していないのに?

これは私のコードです:

.

.

.

私はアイテムと呼ばれる別のコレクションを持っていますが、それは完全に取得されます。しかし、何らかの理由で、最初のフェッチで business.fetch() を実行すると、cid 19 と 20 の 2 つのビジネスが追加され、2 回目のフェッチで cid 19 と 20 が削除され、cid 23 と 24 が追加されます。同じ

コンソールに次のように表示されます。

. "c19" == "c23" および "c20" == "c24" の属性

.

.

onBusinessAdd 関数が呼び出されるたびに navbar render() が呼び出され、何らかの理由で jasny-bootstrap navbar がバグを起こし、render() ごとに自分自身を複製し、ラグが発生するため、これは問題を引き起こします。(最初にこの問題を修正した後、それを調べる必要があります)

0 投票する
1 に答える
482 参照

css - Bootstrap - Jasny Offcanvas サイズ

Bootstrap 3 と Jasny を使用するアプリに取り組んでいます。私のアプリには、Jasny で構築されたスライドアウト パネルがあります。アプリのメインエリアに「追加」ボタンがあります。ユーザーが追加ボタンをクリックすると、Jasny を使用していくつかのフォーム要素を表示したいと考えています。これを行うために、次のJSFiddleがあります。次のコードが含まれます。

私の問題は、行/列を適切に使用できないように見えることです。1 つのセルの背景色を赤に割り当てたことがわかります。ただし、線を表示するだけです。また、その列は他の列と同じ行には表示されません。私は何が欠けていますか?