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

私はそれを解決する方法を理解するのに苦労していますが、問題はかなり簡単です。 カスタムメイドの「iosスタイルのオン/オフトグル」と一緒にjQuery-uidatepickerを使用しています。このトグルは、現在私の日付ピッカーの上に表示されているいくつかの絶対位置の要素を使用します。 以下の7月6日をカバーする醜い円を参照してください... これを行うための汚い方法（少なくともimo）は、スタイルシートの1つにスタイルを書き込むことですが、これを行うためにピッカーが起動するときにJavaScriptを使用したいと思います。 私はすでに試しました $('.date_field').datepicker(); $('.date_field').datepicker("widget").css({"z-index":100}); そして $('.date_field').datepicker({ beforeShow: function(input, inst) { inst.dpDiv.css({"z-index":100}); } }); しかし、日付ピッカーが起動されるたびにz-indexが上書きされるようです。 どんな助けでも大歓迎です！

83 javascript  jquery  css  jquery-ui  datepicker 

JavaScriptまたはjqueryを使用してHTMLページをPDFとして保存することは可能ですか？ 詳細に： テーブルを含む1つのHTMLページを生成しました。「PDFとして保存」ボタンが1つあります。ユーザーがそのボタンをクリックすると、そのHTMLページはPDFファイルとして変換する必要があります。 JavaScriptまたはjqueryを使用することは可能ですか？

83 javascript  jquery  jquery-ui 

私の友人と私は、将来それらをより速く表示するために特定の画像をキャッシュしたいウェブサイトに取り組んでいます。私は2つの主な質問があります： 画像をどのようにキャッシュしますか？ キャッシュされた画像をどのように使用しますか？（そして、確認のために、画像がページAにキャッシュされている場合、キャッシュから呼び出してページBで使用することは可能ですよね？） また、キャッシュされたバージョンの画像の有効期限を設定することはできますか？ これをさらに説明する例および/またはページへのリンクが含まれていれば幸いです。 生のJavascriptまたはjQueryバージョンのいずれかを使用しても問題ありません。

83 javascript  jquery  image  caching  browser-cache 

私は以下のようなhtmlナビゲーションコードを持っていました function Data(string) { //1. get some data from server according to month year etc., //2. unactive all the remaining li's and make the current clicked element active by adding "active" class to the element $('.filter').removeClass('active'); $(this).addClass('active'); } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div class="row" style="padding-left:21px;"> <ul class="nav nav-tabs" style="padding-left:40px;"> <li class="active filter"><a …

83 javascript  jquery  html  onclick 

私は現在TwitterBootstrapフレームワークを使用していますが、モーダルウィンドウを使用している場合、選択されて均一にレンダリングされていても、js要素を取得してdatepickerやvalidationのように機能させることはできません。以下の私のモーダルウィンドウを参照してください。 <div class="modal hide in" id="newMember" style="display: block; " aria-hidden="false"> <div class="modal-header"> <button class="close" data-dismiss="modal" type="button">×</button> <h3>New Member Form</h3> </div> <form accept-charset="UTF-8" action="/players" class="form-horizontal" id="new_user" method="post"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"><input name="authenticity_token" type="hidden" value="KdL6cc2Vb53qeMY+PpBUS70myT4HX1uWofMUBolLea8="></div> <div class="modal-body"> <div class="widget-content nopadding"> <div class="control-group"> <label class="control-label" for="user_role">Role</label> <div class="controls"> <select id="user_role" name="user[role]" style="display: none; …

83 jquery  twitter-bootstrap  datepicker 

私はASP.Net MVCサイトを開発していて、データベースクエリからのいくつかの予約をテーブルにリストActionLinkし、次のBookingIdような特定の行の予約をキャンセルします。 私の予約 <table cellspacing="3"> <thead> <tr style="font-weight: bold;"> <td>Date</td> <td>Time</td> <td>Seats</td> <td></td> <td></td> </tr> </thead> <tr> <td style="width: 120px;">2008-12-27</td> <td style="width: 120px;">13:00 - 14:00</td> <td style="width: 100px;">2</td> <td style="width: 60px;"><a href="/Booking.aspx/Cancel/15">cancel</a></td> <td style="width: 80px;"><a href="/Booking.aspx/Change/15">change</a></td> </tr> <tr> <td style="width: 120px;">2008-12-27</td> <td style="width: 120px;">15:00 - 16:00</td> <td style="width: 100px;">3</td> <td …

83 javascript  jquery  asp.net-mvc  jquery-ui  jquery-ui-dialog 

私はインターネットを広範囲にわたって精査しましたが、このスタックオーバーフローの投稿は洞察に満ちていることがわかりましたが、画面の幅に基づいてBootstrapポップオーバーの位置を変更することは可能ですか？、それでも私の質問に答えられませんでした。おそらく、位置/オフセットを理解するのに苦労したためです。 これが私がやろうとしていることです。ホットスポットポップオーバーがビューポートを超えて配置されない限り、Twitter Bootstap Popoverの位置を右にしたいので、左に配置します。ホットスポットのあるiPadWebアプリを作成しています。ホットスポットを押すと情報が表示されますが、水平スクロールがロックされているときにビューポートの外に表示されたくありません。 私はそれが次のようになると思っています： $('.infopoint').popover({ trigger:'hover', animation: false, placement: wheretoplace }); function wheretoplace(){ var myLeft = $(this).offset.left; if (myLeft<500) return 'left'; return 'right'; } 考え？ありがとう！

83 jquery  twitter-bootstrap  offset  popover 

JavaScriptで無名関数に引数を渡す方法を理解しようとしています。 このサンプルコードをチェックしてください。私が何を意味するのかがわかると思います。 <input type="button" value="Click me" id="myButton" /> <script type="text/javascript"> var myButton = document.getElementById("myButton"); var myMessage = "it's working"; myButton.onclick = function(myMessage) { alert(myMessage); }; </script> ボタンをクリックすると、メッセージ：it's workingが表示されます。ただし、myMessage無名関数内の変数はnullです。 jQueryは多くの無名関数を使用しますが、その引数を渡すための最良の方法は何ですか？

83 javascript  jquery 

チェックボックスグループの「locationthemes」をループして、選択したすべての値で文字列を作成したいと思います。したがって、チェックボックス2と4を選択すると、結果は「3,8」になります。 <input type="checkbox" name="locationthemes" id="checkbox-1" value="2" class="custom" /> <label for="checkbox-1">Castle</label> <input type="checkbox" name="locationthemes" id="checkbox-2" value="3" class="custom" /> <label for="checkbox-2">Barn</label> <input type="checkbox" name="locationthemes" id="checkbox-3" value="5" class="custom" /> <label for="checkbox-3">Restaurant</label> <input type="checkbox" name="locationthemes" id="checkbox-4" value="8" class="custom" /> <label for="checkbox-4">Bar</label> ここで確認しました：http：//api.jquery.com/checked-selector/ですが、チェックボックスグループをその名前で選択する方法の例はありません。 これどうやってするの？

83 javascript  jquery 

id = "myIframe"のiframeがあり、そのコンテンツをロードするコードがあります。 $('#myIframe').attr("src", "my_url"); 問題は、ロードに時間がかかりすぎることもあれば、非常に速くロードされることもあります。したがって、「setTimeout」関数を使用する必要があります。 setTimeout(function(){ if (//something shows iframe is loaded or has content) { //my code } else { $('#myIframe').attr("src",""); //stop loading content } },5000); 私が知りたいのは、iFrameがロードされているかコンテンツが含まれているかを確認する方法だけです。使用iframe.contents().find()は機能しません。使えませんiframe.load(function(){})。

83 javascript  jquery  iframe 

以下を使用して、jQueryライブラリをdomに追加しています。 var script = document.createElement('script'); script.src = 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); しかし、私が実行すると： jQuery(document).ready(function(){... コンソールはエラーを報告します： Uncaught ReferenceError: jQuery is not defined jQueryを動的にロードし、DOMに入ったら使用するにはどうすればよいですか？

83 javascript  jquery 

「ページを離れてもよろしいですか？」を表示するにはどうすればよいですか？ユーザーが実際にページを閉じようとしたとき（ブラウザウィンドウまたはタブの[X]ボタンをクリックしたとき）ではなく、ページから移動しようとしたとき（別のリンクをクリック）。 クライアントは、ユーザーがページを閉じようとしたときに「ページを離れてもよろしいですか？ショッピングカートにまだ商品があります」というメッセージが表示されることを望んでいます。 残念ながら$(window).bind('beforeunload')、ユーザーがページを閉じたときにのみ起動しません。 jQuery： function checkCart() { $.ajax({ url : 'index.php?route=module/cart/check', type : 'POST', dataType : 'json', success : function (result) { if (result) { $(window).bind('beforeunload', function(){ return 'leave?'; }); } } }) }

83 javascript  jquery 

HTML5要素の入力属性を使用していますが、日付と時刻の属性をサポートしているのはGoogleChromeのみです。Modernizrを試しましたが、Webサイトに統合する方法（コーディング方法/構文/インクルード）がわかりません。すべてのブラウザの日付、時刻属性を操作する方法に関するコードスニペット。

83 javascript  jquery  html  jquery-ui 

ページのはるか下にあるh1があります。 <h1 id="scroll-to">TRIGGER EVENT WHEN SCROLLED TO.</h1> そして、ユーザーがh1にスクロールしたとき、またはブラウザーのビューにアラートが表示されたときにアラートをトリガーしたいと思います。 $('#scroll-to').scroll(function() { alert('you have scrolled to the h1!'); }); どうすればこれを行うことができますか？

83 javascript  jquery  html  scroll  scrollto 

jQueryを使用してHTML5ビデオタグのsrcをどのように変更しますか？ 私はこのHTMLを手に入れました： <div id="divVideo"> <video controls> <source src="test1.mp4" type="video/mp4" /> </video> </div> これは機能しません： var videoFile = 'test2.mp4'; $('#divVideo video source').attr('src', videoFile); Firebugを使用して検査すると、srcは変更されますが、実際には再生中のビデオは変更されません。 .pause（）と.load（）について読みましたが、使い方がわかりません。

83 jquery  video  html