問題タブ [bpopup]

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 投票する
0 に答える
160 参照

jquery - MVC モデルは、ビューに表示されていないコントロールから取得したデータを失っています

フォームに大量のデータを表示する必要があります。多くは百の属性のようなもので、それぞれにユーザーが自分の知識レベルを置くために使用しなければならないカリフィケーション ランクがあります。低い、高い、良いなど。

私はこのような最初のものを実装しました

そしてそれはうまくいきました。次に、少し調整して、bPopup jquery プラグインを使用して非表示および表示できる div に入れましょう。私の目的は、一度にすべての属性を表示するのではなく、フォームをより明確に表示できるようにすることです。

しかし、モデルがコントローラのポスト アクションに送り返されると、プロパティは null になります。

ページの読み込み時にdivを非表示にするために、ビューの最後にもこのスクリプトがあります。次に、bPopup プラグインがそれを表示または非表示にします。

div が非表示のときにモデルがプロパティをロードしないのはなぜですか? どうすればこれを回避できますか?

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

javascript - bpopup で読み込み時に画像を非表示にする

私は助けが必要です!!

onSubmitファイルアップロードの次のコードがあります。

次のように、オブジェクトで JCrop を初期化しています。

HTML は次のとおりです。

何らかの理由で、このコードをテストすると、イメージ タグは次のようになります。

イメージタグに要素を入れているstyle理由がわかりませんが、クロム開発ツールからこれらの要素を削除すると、JCrop も機能しません。

これが機能しない場合は、ラップトップを壁に投げつけようとしています。:(

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

javascript - モーダル Ajax ポップアップに Next/Prev を実装する方法

モーダル ポップアップで ajax html ファイルを開くために bPopup jquery プラグインを使用していますが、クリック アウトせずにモーダルの次のスライドに移動するためにプラグインを拡張したいですか?

私が使用している現在のコードは次のとおりです。

たとえば、test1.html がモーダルで開いていて、開いているモーダル ボックス内で test1.html を閉じずに test2.html に移動したい場合、別のモーダルで test2.html を開く方法はありますか? オープンモーダルに追加しようとしましたが、イベントをトリガーします。

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

php - Jqueryは変数をモーダルに渡しますか? bPopup.js の使用

複数のハイパーリンクが必要な単純なページがあります。各リンクは同じページ (test.php) に移動しますが、固有の変数が含まれています。

Test.php は変数を取得し、データベースから情報を読み込みます。この部分は問題ありません。問題は、変数をモーダル ページに渡す方法です。

私はbPopup.jsを使用していますが、これはこのFIDDLEに従って機能しています

私が使用しているハイパーリンクは次のとおりです。

「my-button」の例の ID を変更する必要があります。各ハイパーリンクに同じ ID を使用することはできないため、クラスを使用する必要があると想定しています。

私がやりたいことはこれです:

しかし、この関数を呼び出して datavalue を渡して test.php に送信するにはどうすればよいでしょうか?

test.php?datavalue=111などに似ています

0 投票する
0 に答える
564 参照

javascript - MVC4 の Jquery ポップアップ CSHTML ビュー

このソースhttp://dinbror.dk/bpopup/を使用してビュー (Calendar.cshtml) をポップアップしようとしています。私はこれを行うことに成功しておらず、誰かが私を助けてくれることを望んでいました. 私は bpopup の例で #5 を使用していますが、まだ機能していません。Calendar.cshtml は Views/Home/Calendar.cshtml にあります。ここでこれを機能させるのに役立つ可能性のある人はいますか?それは私がやろうとしてきたことです.

私はこれを正しく行っていないように感じます。

編集:

私が達成しようとしている基本的な目標は、bPopup を使用してポップアップに jquery カレンダー プラグインを表示することです。

この関数は、カレンダーを作成し、#calendar に配置します。

現在のところ、ボタンをクリックすると、カレンダーはページの下部に表示されますが、bpopup には表示されません。

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

javascript - jquery を使用したイベントの再バインドが機能しない

プレゼンテーション レイアウトのページ設定があります。

上記の例では、次/前は、次を使用して動的コンテンツを制御するナビゲーション ボタンです。$("page").load(url);

ページの 1 つに、ポップアップのコンテンツを制御する ajax 呼び出しにリンクされているボタンがあるポップアップがあります。

これらのボタンは、ページが最初に読み込まれたときに適切に機能します。ページを (ナビゲーション ボタンを使用して) 変更してから元に戻すと、ポップアップは開きますが、ボタンは機能しません。ボタンをクリックしてポップアップを閉じ、再度ポップアップを開くと、最初のクリックで要求した情報が表示されますが、ボタンはまだ機能しません。

これは、ajax リクエストに問題がないことを示しています。要素のバインディングに問題があります。これが私のJavascriptです:

かなり長いのは承知しております...

$(document).ready()上記のスクリプトをハンドラーの内側と外側の両方で試しました。

誰かが私がしていないことについて私を助けてもらえますか?

EDIT要求に応じて、HTML:

本当に?これについて他のアイデアを持っている人はいませんか?私は本当にあなたたちがこれについて私のために来てくれる必要があります!

ナビゲーション ボタンのコード:

}

HTML:

編集

だから私は(現在の)答えの3つすべてを試しましたが、どこにも行きません! これは非常にイライラします!

根本的な問題がいくつかある可能性があり、バインディングが完全な問題ではないと考え始めています。

ブラウザによって更新されたかのようにページをロードする必要があることは明らかです。ロード方法に関係なく、ページが最初にロードされたときに正常に動作するという事実は、バインディングがすべて正常であることを示しています。

このページは、ポップアップがなくても正常に機能します。

バインディング以外に、根本的な問題が何であるかについてのアイデアはありますか?

また、問題の Web ページへのリンクを私が公開することは SO の規則に違反していることは承知していますが、リンクを希望する人がいる場合は、個人的に提供したいと思います。問い合わせてください。

編集

したがって、次のスクリプトを使用した後でも、非表示の div (ポップアップ用) に値が設定されたままになっていると思います。

問題はポップアップスクリプトにあるのではないかと考えています...

https://raw.githubusercontent.com/dinbror/bpopup/master/jquery.bpopup.min.js

編集

また、ページの読み込み時にポップアップ div が複製されていることにも気付きました。コンソールから:

編集

(はい、「自分の質問に対する最も多くの編集」のバッジがあれば、私が勝っていただろうと思いますが、提供するデータが多いほど、回答の可能性が高くなると思います)

別のページに要素を作成しました#resTable(前と同じ方法でロードされました)。$('#resTable').unbind()ドキュメントレディハンドラーで使用しているときでも、要素をクリックすると前のページからポップアップが表示されることに気付きました!

コンテンツは言うまでもなく、ポップアップのスクリプトがそのページに存在しない場合、これはどのように可能ですか??

誰かお願いします!これには合理的な説明が必要です。私は人間をプログラムしようとしているのではありません.

誰かがこれで私を助けてくれますか?

ここまで:ポップアップは、外側のページ (ナビゲーション ボタンのあるページ) 内に重複した div を作成しています。divの元のコードを含むページだけでなく、ページ全体に適切にレイヤーされるように、これを行っていると思います。

編集

何が起こっているかについて、より詳細に見ていきます。ポップアップの div は、コンテナーではなく、明らかにページ内にあります。bPopup は、div を<body>含むページのタグ内に移動しています。これは、div が bPopup の呼び出し後に移動したすべてのページで使用できることを意味します。ポップアップを閉じてもdivは元に戻らないため、ナビゲーションボタンを使用してページをリロードすると、divが複製されます。

最新の進捗状況

クライアントと話した後、残念ながらライブ リンクを作成できません。また、jsFiddle を作成するには時間がかかります。

上記の編集で説明したように、問題は bPopup が親ページ内にポップアップ div を再作成し、ポップアップを閉じるときにそれを削除しないことです。

ページ上の要素を削除する方法があるかどうかわかりません。問題は、要素を削除できる場合、bpopup が作成するコピーはオリジナルとまったく同じであるため、複製を対象とするスクリプトはオリジナルも対象とすることです。