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

jQueryライブラリのカスタムアドオンとプラグイン。標準のjQueryライブラリに含まれていないjQuery関数と機能。

2
JavaScriptファイルを動的にロードするためのjQuery
ユーザーが特定のボタンをクリックした場合にのみロードしたい非常に大きなjavascriptファイルがあります。フレームワークとしてjQueryを使用しています。これを行うのに役立つ組み込みのメソッドまたはプラグインはありますか? さらに詳しく:「コメントの追加」ボタンを押して、TinyMCE javascriptファイルをロードし(すべてのTinyMCEを1つのJSファイルにまとめました)、tinyMCE.init(...)を呼び出します。 誰もが「コメントを追加」をクリックするわけではないので、最初のページのロード時にこれをロードしたくありません。 私ができることは理解しています: $("#addComment").click(function(e) { document.write("<script...") }); しかし、より良い/カプセル化された方法はありますか?

8
Webアプリのカスタム右クリックコンテキストメニューを作成する
右クリックするとカスタムドロップダウンメニューが表示されるgoogle-docsやmap-questなどのウェブサイトがいくつかあります。どういうわけか、ブラウザーのドロップダウンメニューの動作をオーバーライドします。これで、どのようにしてドロップダウンメニューを実行するかが正確にわかります。これを行うjQueryプラグインを見つけましたが、それでもいくつかのことに興味があります。 これはどのように作動しますか?ブラウザのドロップダウンメニューが実際に上書きされているのですか、それとも効果がシミュレートされているのですか?もしそうなら、どうですか? プラグインは何を抽象化しますか?舞台裏で何が起こっているのですか? これがこの効果を達成する唯一の方法ですか? 実際のカスタムコンテキストメニューをいくつか見る


10
誰かがjQuery File Uploadプラグインを実装する方法を説明できますか?
編集(2019年10月):6年後、jQuery File Uploadは明らかに人々を狂わせています。ここで答えに小さな慰めが見つからない場合は、NPMを検索して最新の代替策を探してください。面倒な価値はないと私は約束します。 以前の編集ではUploadifyをお勧めしましたが、コメント投稿者が指摘したように、無料版を提供していないようです。Uploadifyだったので、とにかく2013。 編集:これはまだトラフィックを獲得しているようですので、私がやったことを説明します。受け入れられた回答のチュートリアルに従って、最終的にプラグインを機能させました。ただし、jQueryファイルのアップロードは本当に面倒なので、より単純なファイルアップロードプラグインを探している場合は、Uploadifyを強くお勧めします。答えが指摘したように、それは非営利目的でのみ無料です。 バックグラウンド blueimpのjQuery File Uploadを使用して、ユーザーがファイルをアップロードできるようにしています。箱から出しただけで、セットアップ手順に従って完全に機能します。しかし、それを私のWebサイトで実際に使用するには、いくつかのことができるようにしたいと思います。 既存の任意のページにアップローダーを含める アップロードされたファイルのディレクトリを変更します プラグインのすべてのファイルは、ルートの下のフォルダーにあります。 私はもう試した... デモページをルートに移動し、必要なスクリプトのパスを更新する ここで提案されているように、UploadHandler.phpファイルの「upload_dir」および「upload_url」オプションを変更します。 デモJavaScriptの2行目のURLを変更する すべての場合で、プレビューが表示され、進行状況バーが実行されますが、ファイルのアップロードに失敗し、コンソールに次のエラーが表示されますUncaught TypeError: Cannot read property 'files' of undefined。プラグインのすべての部分がどのように機能するか理解していないため、デバッグが困難です。 コード デモページのJavaScript: $(function () { 'use strict'; // Change this to the location of your server-side upload handler: var url = 'file_upload/server/php/UploadHandler.php', uploadButton = $('<button/>') .addClass('btn') …

14
一度に複数のフレームをブートストラップカルーセル
これは、Bootstrap 3カルーセルで実現しようとしている効果です。 一度に1つのフレームを表示するだけでなく、Nフレームが横にスライドして表示されます。次に、スライドするとき(または自動スライドするとき)、スライドのグループをシフトするように移動します。 これはブートストラップ3のカルーセルで実行できますか?さらに別のjQueryプラグインを探す必要がないことを願っています...

14
jquery日付ピッカーのz-indexの問題
スライドショーのdivがあり、そのdivの上に日付ピッカーフィールドがあります。 datepickerフィールドをクリックすると、datepickerパネルがスライドショーdivの後ろに表示されます。 そして、私はスクリプトを次のように置きました: http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js そのため、CSSで日付ピッカーのz-indexを変更できません。スクリプトが生成している日付ピッカーのz-indexは1で、スライドショーdiv(googleajaxapiでも呼び出す)のz-indexは5です。そのため、日付ピッカーのz-indexを5より大きくする必要があると思います。それを増やす方法はありますか? 誰か助けてもらえますか?

9
jQuery Validate-グループ内の少なくとも1つのフィールドに入力する必要があります
いくつかのフォームを検証するために、優れたjQuery Validateプラグインを使用しています。1つのフォームで、ユーザーがフィールドのグループの少なくとも1つに入力することを確認する必要があります。私はかなり良い解決策を持っていると思い、それを共有したいと思いました。 考えられる改善点があれば提案してください。 これを行うための組み込みの方法が見つからなかったので、レベッカマーフィーのカスタム検証メソッドを検索して見つけました。これは非常に役に立ちました。 私はこれを3つの方法で改善しました: フィールドのグループのセレクターを渡すには 検証に合格するために入力する必要があるグループの数を指定するには それらの1つが検証に合格するとすぐに、グループ内のすべての入力を検証に合格すると表示する。(最後にNick Craverへの叫びを参照してください。) したがって、「セレクターYに一致するX入力が少なくとも入力されている必要があります」と言うことができます。 最終結果は、次のようなマークアップです。 <input class="productinfo" name="partnumber"> <input class="productinfo" name="description"> ...このようなルールのグループです: // Both these inputs input will validate if // at least 1 input with class 'productinfo' is filled partnumber: { require_from_group: [1,".productinfo"] } description: { require_from_group: [1,".productinfo"] } 項目#3は、.checked検証が成功したときにエラーメッセージにのクラスを追加することを前提としています。ここで示すように、これは次のように行うことができます。 success: function(label) { …

17
ページの読み込み時にjQuery Fancyboxを起動する方法は?
ページの読み込み時にFancybox(モーダルまたはライトボックスのFancyboxのバージョンなど)を起動したいと思います。これを非表示のアンカータグにバインドし、JavaScriptを介してそのアンカータグのクリックイベントを発生させることができますが、代わりにFancyboxを直接起動して余分なアンカータグを回避します。

2
IsotopeとMasonry jQueryプラグインの違い[終了]
休業。この質問には、より焦点を当てる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか?質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 5年前に閉鎖。 この質問を改善する 私は最近、石積みとIsotopeの JQueryプラグインを発見しました。それらは機能的にほとんど同じであるように見え、両方とも同じ著者を持っているように見えます。私が目にできる唯一の明らかな違いはライセンスです。 機能の点でこれら2つの主な違いは何ですか?なぜどちらを使うのですか?

7
jQueryを使用した円グラフ
JavaScriptで円グラフを作成したい。検索したところ、Google Charts APIが見つかりました。私たちはjQueryを使用しているので、Googleチャート用のjQuery統合が利用可能であることがわかりました。 しかし、私の問題は、実際のデータがグラフを作成するためにGoogleサーバーに送信されることです。データがGoogleに送信されないようにする方法はありますか?データを第三者に送信することを懸念しています。

7
jQueryプラグインの構文を理解したい
jQueryサイトには、jQueryの基本的なプラグイン構文が次のようにリストされています。 (function( $ ){ $.fn.myPlugin = function() { // there's no need to do $(this) because // "this" is already a jquery object // $(this) would be the same as $($('#element')); this.fadeIn('normal', function(){ // the this keyword is a DOM element }); }; })( jQuery ); JavaScriptの観点から何が起こっているのかを理解したいのですが、これはJSが以前に見た構文に従っているようには見えないためです。だから私の質問のリストはここにあります: function($)...を変数、たとえば「the_function」に置き換えると、構文は次のようになります。 (the_function)( jQuery …

5
リソースビュー/ガントチャートをjQuery Fullcalendarに追加する
私はjQuery Fullcalendarを使用していますが、使用していない場合は、それが何をするかについては本当に素晴らしいので、使用することをお勧めします! しかし、私と私のプロジェクト(および他の多くの人)にとって本当に役立つためには、リソース/ガントビューが必要だと正直に信じています。 jQuery FullCalendarの内部を調べて、それがビューを生成する方法がJavaScript開発者の望みではないことを確認するまでは(つまり私です)、問題が発生することはありません。 これが私のリーグの外にあることに気付いたので、リソースビューを提供する予定表/スケジューラーを探すために他の場所を探す必要がありました。 この機能を約束する3つの独自のカレンダーを次に示します。 http://java.daypilot.org/ http://www.dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml http://web2cal.com/ajaxeventscalendar/calendar-demo/912-premium-demo/157-scheduler-view 残念ながら、daypilotとdhtmlxschedulerの両方には、FullCalendarが非常にうまく機能するクリーンで明確なインターフェイスがなく、web2calはまだ完成していないように見え、まだベータ版です。 あるいは、jQueryガントチャートをjquery fullcalendarと統合する方法について誰かが何かアイデアを持っているかどうか疑問に思っていました。 有望に見えるプロジェクトをいくつか見つけました http://www.maro-z.com/examples/jquery.gantt/ http://code.google.com/p/jquery-gantt/ http://github.com/thegrubbsian/jquery.ganttView 私はfullcalendarがビューを生成する方法を調べましたが、これまでのところ、これを拡張して、これらのガントチャートの1つがフルカレンダーに「座って」、ボタンでトリガーされるコンテナーを提供することに成功していません。 これは、多くの人々が公式の課題追跡でそれを要求する、より人気のある機能リクエストの1つであるようです http://code.google.com/p/fullcalendar/issues/detail?id=150&colspec=ID%20Type%20Status%20Milestone%20Summary%20Stars だから私は交差点に残されています。コミュニティのサポートが最小限またはまったくない、半分焼きたての独自のソリューションにお金を払うこともできますし、jQueryを本当に知っている人に尋ねることで、jquery Fullcalendar内でリソースビューを取得する方法を試すこともできます。 独自のソリューションを使用して節約した資金をFullcalendarの開発者に喜んで寄付します。 FullCalendarの開発者は彼の皿に多くを持っているようであり、この本当に素晴らしいカレンダーを彼にもう一度感謝したいと思います。 誰かが私たちと解決策を共有できることを願っています! ティム
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.