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

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


14
Google Maps APIでマウススクロールホイールのスケーリングを無効にする方法
Google Maps API(v3)を使用して、ページにいくつかの地図を描画しています。マウスホイールを地図上でスクロールするときにズームを無効にしたいのですが、方法がわかりません。 scaleControlを無効にしました(つまり、スケーリングUI要素を削除しました)が、これはスクロールホイールのスケーリングを妨げません。 これが私の関数の一部です(これは単純なjQueryプラグインです): $.fn.showMap = function(options, addr){ options = $.extend({ navigationControl: false, mapTypeControl: false, scaleControl: false, draggable: false, mapTypeId: google.maps.MapTypeId.ROADMAP }, options); var map = new google.maps.Map(document.getElementById($(this).attr('id')), options); // Code cut from this example as not relevant };

23
jQuery $ .ajax()、$。postがFirefoxでREQUEST_METHODとして「OPTIONS」を送信
私が比較的単純なjQueryプラグインだと思ったことに問題があります... プラグインはajaxを介してphpスクリプトからデータをフェッチし、オプションをに追加する必要があり<select>ます。ajaxリクエストはかなり一般的です。 $.ajax({ url: o.url, type: 'post', contentType: "application/x-www-form-urlencoded", data: '{"method":"getStates", "program":"EXPLORE"}', success: function (data, status) { console.log("Success!!"); console.log(data); console.log(status); }, error: function (xhr, desc, err) { console.log(xhr); console.log("Desc: " + desc + "\nErr:" + err); } }); これはSafariでは問題なく動作するようです。Firefox 3.5では、REQUEST_TYPEサーバー上のは常に「OPTIONS」であり、$ _ POSTデータは表示されません。Apacheはリクエストをタイプ「OPTIONS」として記録します。 ::1 - - [08/Jul/2009:11:43:27 -0500] "OPTIONS sitecodes.php HTTP/1.1" …

22
Twitterブートストラップリモートモーダルで毎回同じコンテンツが表示される
Twitterブートストラップを使用していますが、モーダルを指定しています <div class="modal hide" id="modal-item"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">x</button> <h3>Update Item</h3> </div> <form action="http://www.website.com/update" method="POST" class="form-horizontal"> <div class="modal-body"> Loading content... </div> <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal">Close</a> <button class="btn btn-primary" type="submit">Update Item</button> </div> </form> </div> そしてリンク <a href="http://www.website.com/item/1" data-target="#modal-item" data-toggle="modal">Edit 1</a> <a href="http://www.website.com/item/2" data-target="#modal-item" data-toggle="modal">Edit 2</a> <a href="http://www.website.com/item/3" …

8
jQueryプラグインがロードされているかどうかを確認するにはどうすればよいですか?
特定のプラグインが利用可能かどうかを確認する方法はありますか? ロードされている別のプラグインに依存するプラグインを開発していると想像してください。 たとえば、jQuery ValidationプラグインでdateJSライブラリを使用して、指定された日付が有効かどうかを確認します。dateJSが利用可能である場合、jQuery Valdationプラグインで検出する最良の方法は何ですか?

3
JavaScriptが「;」で始まる必要があるのはなぜですか?
最近、ウェブ上の多くのJavaScriptファイル;がコメントセクションの直後から始まることに気づきました。 たとえば、このjQueryプラグインのコードは次で始まります。 /** * jQuery.ScrollTo * Copyright (c) 2007-2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com * Dual licensed under MIT and GPL. * Date: 9/11/2008 .... skipping several lines for brevity... * * @desc Scroll on both axes, to different values * @example $('div').scrollTo( { top: 300, left:'+=200' }, { …

2
AngularJSにjQueryプラグインを統合する正しい方法
jQueryプラグインを自分の角度のアプリに統合する正しい方法は何だろうと思っていました。チュートリアルとスクリーンキャストをいくつか見つけましたが、特定のプラグインに対応しているようです。 例:http : //amitgharat.wordpress.com/2013/02/03/an-approach-to-use-jquery-plugins-with-angularjs/ http://www.youtube.com/watch?v=8ozyXwLzFYs そのようなディレクティブを作成する必要があります- App.directive('directiveName', function() { return { restrict: 'A', link: function(scope, element, attrs) { $(element).'pluginActivationFunction'(scope.$eval(attrs.directiveName)); } }; }); そして、htmlでスクリプトとディレクティブを呼び出しますか? <div directiveName ></div> <script type="text/javascript" src="pluginName.js"></script> よろしくお願いします

13
jQueryを使用してプレースホルダーテキストを変更する
私はjQueryプレースホルダープラグイン(https://github.com/danielstocks/jQuery-Placeholder)を使用しています。ドロップダウンメニューの変更に伴い、プレースホルダーテキストを変更する必要があります。しかし、それは変化していません。これがコードです: $(function () { $('input[placeholder], textarea[placeholder]').placeholder(); $('#serMemdd').change(function () { var k = $(this).val(); if (k == 1) { $("#serMemtb").attr("placeholder", "Type a name (Lastname, Firstname)").placeholder(); } else if (k == 2) { $("#serMemtb").attr("placeholder", "Type an ID").placeholder(); } else if (k == 3) { $("#serMemtb").attr("placeholder", "Type a Location").placeholder(); } }); }); 私のHTML: …

12
jQuery Scroll to the page bottom
ページの読み込みが完了した後。jQUeryをページの一番下までうまくスクロールさせ、スナップや衝撃ではなく、すばやくアニメーション化したい。 ScrollToそのようなプラグインは必要ですか?それともjQueryに組み込まれていますか?


20
メソッドでjQueryプラグインを作成するにはどうすればよいですか?
それを呼び出すオブジェクトに追加の関数/メソッドを提供するjQueryプラグインを作成しようとしています。私がオンラインで読んだ(過去2時間閲覧している)すべてのチュートリアルには、多くてもオプションの追加方法が含まれていますが、追加の機能は含まれていません。 これが私がやろうとしていることです: // divのプラグインを呼び出して、divをメッセージコンテナにフォーマットします $("#mydiv").messagePlugin(); $("#mydiv").messagePlugin().saySomething("hello"); またはそれらの線に沿って何か。要約すると次のとおりです。私はプラグインを呼び出し、次にそのプラグインに関連付けられた関数を呼び出します。私はこれを行う方法を見つけることができないようで、多くのプラグインがこれを行うのを見てきました。 ここに私がプラグインのためにこれまで持っているものがあります: jQuery.fn.messagePlugin = function() { return this.each(function(){ alert(this); }); //i tried to do this, but it does not seem to work jQuery.fn.messagePlugin.saySomething = function(message){ $(this).html(message); } }; どうすればそのようなことを達成できますか? ありがとうございました! 2013年11月18日更新:Hariの以下のコメントと賛成投票の正解を変更しました。

14
jQueryを使用してページをアンカーまで上下にスクロールする方法は?
ページの上または下のローカルアンカーへのリンクをクリックしたときのスライド効果を含める方法を探しています。 あなたがそのようなリンクを持っている何かが欲しい: <a href="#nameofdivetc">link text, img etc.</a> おそらくクラスが追加されているので、このリンクをスライディングリンクにしたいことがわかります。 <a href="#nameofdivetc" class="sliding-link">link text, img etc.</a> 次に、このリンクをクリックすると、ページが必要な場所(div、見出し、ページの上部など)まで上下にスライドします。 これは私が以前持っていたものです: $(document).ready(function(){ $(".scroll").click(function(event){ //prevent the default action for the click event event.preventDefault(); //get the full url - like mysitecom/index.htm#home var full_url = this.href; //split the url by # and get the anchor target name - …

1
srcおよびdistフォルダーの役割は何ですか?
jqueryプラグインのgitリポジトリを探しています。自分のプロジェクトで使用するためにいくつかの変更を加えたいのですが、リポジトリを開いたときに、これまでにない構造がありました。どのファイルを使用するか、自分のプロジェクトにコピーするかわかりません。 「dist」と「src」フォルダがあります。これらはどのような目的に役立ちますか?これはgruntjsまたはおそらくjqueryプラグインに固有のものですか? 私が興味を持っているgitリポジトリ:https : //github.com/ducksboard/gridster.js

9
jQuery / JavaScript(クエリ文字列)でクエリ文字列パラメーターのURL値を取得する
クエリ文字列パラメーターを処理するためのjQuery拡張機能を作成する良い方法を知っている人はいますか?基本的に、jQueryマジック($)関数を拡張して、次のようなことができるようにします。 $('?search').val(); これにより、次のURLで「test」という値が得られますhttp://www.example.com/index.php?search=test。 jQueryとJavascriptでこれを実行できる多くの関数を見てきましたが、実際には、jQueryを拡張して、上に示したとおりに機能するようにしたいと考えています。私はjQueryプラグインを探しているのではなく、jQueryメソッドの拡張機能を探しています。

10
親divに対する「位置:固定」divの幅を設定します
div(位置:固定)に100%の幅(親divに関連)を与えようとしています。しかし、私はいくつかの問題を抱えています... 編集: 最初の問題は継承を使用して解決されますが、それでも機能しません。問題は、100%/継承幅を取る複数のdivを使用していることだと思います。あなたはjsfiddleアップデートで2番目の問題を見つけることができます:http ://jsfiddle.net/4bGqF/7/ キツネの例 #container { width: 800px; } #fixed { position: fixed; width: 100%; } とhtml <div id="container"> <div id="fixed">Sitename</div> <p> blaat </p> </div> または、それを試すことができます:http : //jsfiddle.net/4bGqF/ 問題は、固定要素が常にウィンドウ/ドキュメントの幅を使用していることです。誰がどのようにこれを修正するか知っていますか? 私はjScrollPaneプラグインを使用しているため、固定要素に固定を与えることができません。スクロールバーの有無はコンテンツによって異なります。 どうもありがとう! PS:2つのdivのテキストは互いに重なり合っています。これはほんの一例であるため、それほど重要ではありません。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.