タグ付けされた質問 「jquery」

jQueryを使用して、選択したオプションに基づいてajaxリクエストを作成しようとしています。 jQueryを使用して選択したオプションID（「id2」など）を取得する簡単な方法はありますか？ <select id="my_select"> <option value="o1" id="id1">Option1</option> <option value="o2" id="id2">Option2</option> </select> $("#my_select").change(function() { //do something with the id of the selected option });

80 jquery  dom  jquery-selectors 

現在、大量のJavaScript、jQuery、MicrosoftクライアントJavaScript、およびその他のライブラリを使用するレガシーWebページに取り組んでいます。結論-ビジネスがそれを正当化できないので、私はページ全体を最初から書き直すことはできません。だから...それはそれが何であるかです。とにかく、変数でグローバル名前空間を汚染する必要があります（私も実際には試しませんでした）。私が考えていた3つのオプションがあります- 通常のJavaScript宣言を使用して保存/取得するだけです- var x = 0; jQueryを使用して値をDOMタグに保存/取得します- $("body").data("x", 0); 非表示のフォームフィールドを使用し、jQueryで値を設定/取得します- $("whatever").data("x", 0); もっと良い方法はありますか？私は既存のコードの山を調べましたが、変数を関数内でスコープできるとは思いません。

80 javascript  jquery  global-variables 

D3には、ここに力指向のレイアウトがあります。このグラフにズームを追加する方法はありますか？現在、マウスホイールイベントをキャプチャすることはできましたが、再描画関数自体の記述方法がよくわかりません。助言がありますか？ var vis = d3.select("#graph") .append("svg:svg") .call(d3.behavior.zoom().on("zoom", redraw)) // <-- redraw function .attr("width", w) .attr("height", h);

80 javascript  jquery  d3.js  zoom  force-layout 

このようなシナリオで「i」が未使用の変数であるとJSLintが文句を言った場合、どうすればよいですか。 var items = "<option selected></option>"; $.each(data, function (i, item) { items += "<option value='" + item.Value + "'>" + item.Text + "</option>"; }); （i、item）はパラメータの必須順序であり、私は「item」のみを使用しています。 未使用の変数を許容するか、$。eachを書き換えてインデックスを使用する以外の解決策はありますか？どちらの解決策も私はしたくないですか？ 前もって感謝します。 更新：私はすべての提案に感謝しますが、このコードは私が何を意味するかを示すための単なる例であり、もしあれば、一般的な解決策を見たいと思っています。ありがとう。

80 javascript  jquery  jslint 

閉まっている。この質問は、StackOverflowのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善したいですか？質問を更新して、スタックオーバーフローのトピックになります。 5年前に閉鎖されました。 この質問を改善する 動的な幅と高さの画像（ユーザーが送信した画像）を使用した、画像グリッドギャラリーのプロジェクトについて、次のデザインを受け取りました。（投稿の最後のスクリーンショット） 私が試してみましたjQueryの石造、Tympanus自動イメージモンタージュとCSS-コツシームレス応答フォトグリッドを、それぞれが自分の限界を持っています。 Jquery Masonryでは、幅と高さの両方を動的にすることができますが、ギャップが生成されます 後者の2つのスクリプトは、非常に優れたグリッドを生成しますが、幅または高さのいずれかが静的でなければならないという問題があります。 編集：私はIsotopeに出くわしました。これはほぼ完璧で、私のニーズを正確に修正するものがない限り、おそらくそれを使用することになります。したがって、私の質問はまだ同じです... 以下のスクリーンショットのように、（画像サイズに関して）完全に動的なモザイクを生成できるjavascript（できればjQuery）スクリプトはありますか？ 助けてくれてありがとう

80 javascript  jquery  grid  gallery  mosaic 

ページの上部ではなく左側にタブが必要です。他の理由（効果）ですでにjQueryをロードしているので、別のUIフレームワークよりもjQueryを使用することを好みます。「垂直タブjquery」で検索すると、進行中の作業へのリンクが表示されます。 垂直タブをブラウザ間で機能させるのは面倒なことですか、それとも簡単なことなので、解決策を見つけたら、サンプルコードを投稿する価値がないように思われますか？

80 javascript  jquery  jquery-ui 

Font-Awesomeを使用していますが、フォントファイルがロードされていない間、アイコンはで表示されます。 したがって、display:noneファイルがロードされていないときにこれらのアイコンを表示したいと思います。 @font-face { font-family: "FontAwesome"; src: url('../font/fontawesome-webfont.eot'); src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } これらのファイルがロードされ、最終的にアイコンを表示できるようになったことをどのように確認できますか？ 編集： フォントはページ全体の前にロードされる可能性があるため、ページがロードされるとき（オンロード）は話していません。

80 javascript  jquery  css  font-face  font-awesome 

ブラウザにフォーカスがあるかどうかをどのようにテストしますか？

80 javascript  jquery  events 

scrollTopjQueryで上に移動する関数を使用しましたが、奇妙なことに、変更を加えた後、SafariとChromeで「スムーズアニメーションスクロール」が機能しなくなりました（スムーズアニメーションなしのスクロール）。 しかし、Firefoxではまだスムーズに機能しています。何が悪いのでしょうか？ これが私が使用したjQuery関数です。 jQuery： $('a#gotop').click(function() { $("html").animate({ scrollTop: 0 }, "slow"); //alert('Animation complete.'); //return false; }); HTML <a id="gotop" href="#">Go Top </a> CSS #gotop { cursor: pointer; position: relative; float: right; right: 20px; /*top:0px;*/ }

80 jquery  jquery-ui  jquery-selectors 

ページにいくつかの入力要素とオプション要素があり、それぞれに（ほぼ）イベントが添付されており、テキストが変更されるとページ上のテキストを更新します。私は本当にクールなjQueryを使用しています:) また、UpdatePanelを利用してMicrosoftのAjaxフレームワークを使用しています。私がそうする理由は、特定の要素がサーバー側のロジックに基づいてページ上に作成されるためです。UpdatePanelを使用する理由を説明したくありません-たとえjQueryのみを使用するように書き直すことができたとしても（かなりの努力で可能です）、それでもUpdatePanelが必要です。 ご想像のとおり、UpdatePanelにポストバックがあると、jQueryイベントが機能しなくなります。「ポストバック」は実際には新しいポストバックではないため、実際にはこれを期待していました。そのため、イベントをバインドするdocument.readyのコードは再度起動されません。また、jQueryヘルプライブラリで疑惑を確認しました。 とにかく、UpdatePanelがDOMの更新を完了した後、コントロールを再バインドするという問題が残ります。ページに.jsファイル（jQueryプラグイン）を追加する必要がないソリューションが必要ですが、メソッドを呼び出してすべてのフォーム要素を再バインドできるUpdatePanelの「変更後」をキャッチできるような単純なものが必要です。 。

80 asp.net  jquery  asp.net-ajax  updatepanel 

いくつかのフィールドを除いて、JSONオブジェクトの配列を取得してHTMLテーブルに変換する本当に簡単な方法はありますか？または、これを手動で行う必要がありますか？

80 javascript  jquery  json  ajax  html-table 

そのため、現在、[保存]と[閉じる]の2つのボタンがあるjQueryダイアログがあります。以下のコードを使用してダイアログを作成します。 $dialogDiv.dialog({ autoOpen: false, modal: true, width: 600, resizable: false, buttons: { Cancel: function() { // Cancel code here }, 'Save': function() { // Save code here } }, close: function() { // Close code here (incidentally, same as Cancel code) } }); ただし、このコードを使用すると、両方のボタンが同じ色になります。[キャンセル]ボタンを[保存]とは異なる色にしたいのですが。いくつかの組み込みのjQueryオプションを使用してこれを行う方法はありますか？私はドキュメントからあまり助けを得ませんでした。 作成している[キャンセル]ボタンは事前定義されたタイプですが、[保存]は自分で定義していることに注意してください。それが問題に関係があるかどうかはわかりません。 どんな助けでもいただければ幸いです。ありがとう。 更新：コンセンサスは、ここを移動するための2つの道があるということでした： 以下のようなFirefoxのプラグインを使用してHTMLを点検放火犯、およびjQueryのボタンに適用されていることをCSSクラスを注意し、それらを上書きで刺しを取ります。注：私のHTMLでは、両方のボタンがまったく同じCSSクラスを使用し、一意のIDが使用されていなかったため、このオプションは使用できませんでした。 ダイアログを開いたときにjQueryセレクターを使用して、必要なボタンをキャッチし、CSSクラスを追加します。 2番目のオプションを選択し、jQuery …

80 jquery  css  jquery-ui  button  dialog 

アプリケーションでjQueryを1行だけ使用しています。 $("div.printArea").printArea(); しかし、これは私にTypescriptエラーを与えています： プロパティ 'printArea'はタイプJQueryに存在しませんか？ このエラーの表示を停止する方法を教えてもらえますか？

80 jquery  typescript 

単純なreact-springブートアプリケーションを開発していますが、GitHubの問題のため、IntelliJを使用してアプリケーションスターターファイルを再作成し、前のアプリケーションのpackage.jsonファイルの依存関係データを使用してノードモジュールをインストールしました。 折りたたみナビゲーションバー（ハンバーガーバー->モバイルビューで折りたたむレスポンシブナビゲーションバー）を使用し、ハンバーガーボタンをクリックしてナビゲーションリンクを表示すると、以下のエラーが発生します。しかし、これらすべてのことは、以前のアプリケーションではうまくいきました。 TypeError: Cannot convert object to primitive value HTMLDivElement.<anonymous> C:/Users/Hasindu/Documents/AF/Application Frameworks/online-fashion-store-master/src/main/js/src/collapse.js:346 343 | ...typeof config === 'object' && config ? config : {} 344 | } 345 | > 346 | if (!data && _config.toggle && /show|hide/.test(config)) { | ^ 347 | _config.toggle = false 348 | } 349 …

27 javascript  jquery  reactjs  bootstrap-4 

Django-Crispy-Formsレイアウト機能を使用して、ネストされたフォームセットをメインフォームに保存する方法を採用しようとしていますが、保存できません。このコード例のプロジェクトに従っていますが、フォームセットを検証してデータを保存できませんでした。誰かが私の間違いを指摘していただければ本当にありがたいです。また、EmployeeFormの同じビューに3つのインラインを追加する必要があります。Django-Extra-Viewsを試しましたが、うまくいきませんでした。約5のように、同じビューに複数のインラインを追加することをアドバイスしていただければ幸いです。作成する1つのページEmployeeとそのようなインラインを実現したいだけですEducation, Experience, Others。以下はコードです： モデル： class Employee(models.Model): user = models.OneToOneField(User, on_delete=models.CASCADE, related_name='employees', null=True, blank=True) about = models.TextField() street = models.CharField(max_length=200) city = models.CharField(max_length=200) country = models.CharField(max_length=200) cell_phone = models.PositiveIntegerField() landline = models.PositiveIntegerField() def __str__(self): return '{} {}'.format(self.id, self.user) def get_absolute_url(self): return reverse('bars:create', kwargs={'pk':self.pk}) class Education(models.Model): employee = models.ForeignKey('Employee', on_delete=models.CASCADE, related_name='education') course_title …

14 jquery  django  django-forms  inline-formset