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

これに関する特定の情報と例を見つけるのに多くの問題を抱えています。私のアプリケーションには、.ajax（）呼び出しで読み込まれるdivに接続された多数のjQuery UIダイアログがあります。それらはすべて同じセットアップ呼び出しを使用します。 $(".mydialog").dialog({ autoOpen: false, resizable: false, modal: true }); ロードされるコンテンツの幅に合わせてダイアログのサイズを変更したいだけです。現在、幅は300px（デフォルト）のままで、水平スクロールバーが表示されます。 私の知る限り、 "autoResize"はダイアログのオプションではなくなり、指定しても何も起こりません。 ダイアログごとに個別の関数を作成しないよう.dialog("option", "width", "500")にしています。ダイアログごとに幅が異なるため、実際にはオプションではありません。 指定 width: 'auto'ダイアログオプションをすると、ダイアログがブラウザウィンドウの幅の100％を占めるだけになります。 私のオプションは何ですか？私はjQuery 1.4.1とjQuery UI 1.8rc1を使用しています。これは本当に簡単なことのようです。 編集：私はこれのためにkludgy回避策を実装しましたが、私はまだより良い解決策を探しています。

134 javascript  jquery  ajax  jquery-ui  jquery-ui-dialog 

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

134 javascript  jquery  jquery-plugins  tinymce  lazy-loading 

2つのHTML selectボックスがあります。select別のボックスを選択したときに、1つのボックスをリセットする必要があります。 <select id="name" > <option value="">select all</option> <option value="1">Text 1</option> <option value="2">Text 2</option> <option value="3">Text 3</option> </select> <select id="name2" > <option value="">select all</option> <option value="1">Text 1</option> <option value="2">Text 2</option> <option value="3">Text 3</option> </select> 私は最初のオプションを選択するとselect（すなわちid="name"）、私は2番目をリセットする必要がありますselectしselect all、私は2番目のオプションを選択する場合も同様に、select（すなわちid="name2"）、私が最初にリセットする必要がありselectにしますselect all。 どうやってやるの？

134 javascript  jquery 

ラジオボタンを設定しようとしています。値またはIDを使用して設定したい。 これは私が試したものです。 $('input:radio[name=cols]'+" #"+newcol).attr('checked',true); newcol ラジオボタンのIDです。 多分少し編集が必要です。 ラジオボックスには2つのセットがあり、1つはcolsを含み、もう1つは行を含みます。だから私はidを使わないことにポイントがあると思います。私の悪い。だから私は例として持っています： <input type="radio" name="rows" class="listOfCols" style="width: 50%; " value="Site"></input> そして <input type="radio" name="cols" class="listOfCols" style="width: 50%; " value="Site"></input> IDを削除して、正しいIDを設定する必要があります。

134 jquery  radio-button 

私はこのdata-ような方法でデータをHTMLタグに格納しています。 <td><"button class='delete' data-imagename='"+results[i].name+"'>Delete"</button></td> 次に、次のようなコールバックでデータを取得しています。 $(this).data('imagename'); それはうまくいきます。私が行き詰まっているのは、オブジェクトのプロパティの1つだけではなく、オブジェクトを保存しようとしていることです。私はこれをやろうとしました： <td><button class='delete' data-image='"+results[i]+"'>Delete</button></td> 次に、次のようにnameプロパティにアクセスしようとしました。 var imageObj = $(this).data('image'); console.log('Image name: '+imageObj.name); ログは私に伝えますundefined。だから私はdata-属性に単純な文字列を保存できるようですが、JSONオブジェクトを保存することはできません... 私はまた、この構文のキッドを運なしで使用しようとしました： <div data-foobar='{"foo":"bar"}'></div> data-アプローチを使用してHTMLタグに実際のオブジェクトを格納する方法についてのアイデアはありますか？

134 jquery  html  json 

jQuery find（..）トラバーサルメソッドには現在のノードが含まれていません。現在のノードの子から始まります。マッチングアルゴリズムに現在のノードを含む検索操作を呼び出す最善の方法は何ですか？ドキュメントを調べても、すぐには何も飛び出しません。

134 jquery 

現在のURLにパラメーターを追加してページを更新するJavaScriptを書きたいのですが、どうすればよいですか？

134 javascript  jquery  refresh 

jQueryを使用して入力タグの属性名の値を取得する方法。助けてください。 <input name='xxxxx' value=1>

134 jquery 

jQueryでファイルアップロードフィールドをjpg / jpeg、png、gifのみに制限したいのですが。PHPすでにバックエンドチェックを行っています。私はJavaScriptすでに関数を介して送信ボタンを実行しているので、送信または警告の前にファイルタイプを確認する方法を知る必要があります。

133 javascript  jquery  file-upload  file-type 

テーブルのソートに固有のコードがあります。コードはほとんどのページで共通なので、コードを含むJSファイルを作成し、それを使用するすべてのページがそこから参照できるようにします。 問題は：jQueryとテーブルソータープラグインを.jsファイルに追加するにはどうすればよいですか？ 私はこのようなものを試しました： document.writeln('<script src="/javascripts/jquery.js" type="text/javascript"></script>'); document.writeln('<script type="text/javascript" src="/javascripts/jquery.tablesorter.js"></script>'); しかし、これは機能しないようです。 これを行う最良の方法は何ですか？

133 javascript  jquery 

これはサブメニューのドロップダウンではなく、カテゴリは画像のようにクラスliです。 レスポンシブメニュー（テンプレートは1ページのみ）からカテゴリを選択することで、ナビゲーションの折りたたみを自動的に非表示にしたい。テンプレートにはページが1つしかないため、散歩してナビゲーションとして使用します。私はそれに影響を与えない解決策を探します、これはメニューのHTMLコードです： <!-- NAVBAR ================================================== --> <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a> <a class="brand" href="#">Carousel Demo</a> <div class="nav-collapse"> <ul class="nav" > <li class="active"><a href="#home">Home</a></li> <li><a href="#about">About</a></li> <li><a href="#portfolio">Portfolio</a></li> <li><a href="#services">Services</a></li> <li><a href="#contact">Contact</a></li> <!-- dropdown --> </ul> <!-- …

133 jquery  html  twitter-bootstrap 

jQueryを使用してページの特定の場所にスクロールすることは可能ですか？ 私がスクロールしたい場所が必要です： <a name="#123">here</a> または、特定のDOM IDに移動できますか？

133 jquery  scroll  scrollto  jquery-scrollable 

テキストボックスの外側をクリックするまで、テキストボックスのjQuery変更イベントが発生しないことがわかりました。 HTML： <input type="text" id="textbox" /> JS： $("#textbox").change(function() {alert("Change detected!");}); 参照してくださいJSFiddleでデモ 私のアプリケーションでは、テキストボックス内の文字が変更されるたびにイベントを発生させる必要があります。代わりにキーアップを使用してみました... $("#textbox").keyup(function() {alert("Keyup detected!");}); ...しかし、キーアップイベントが右クリックアンドペーストで発生しないことは既知の事実です。 回避策はありますか？両方のリスナーがいると問題が発生しますか？

133 jquery  events  textbox 

divリンクをクリックしたときに上下にスライドして表示または非表示にするHTMLとjQuery があります。 <ul class="product-info"> <li> <a href="#">YOU CLICK THIS TO SHOW/HIDE</a> <div class="toggle"> <p>CONTENT TO SHOW/HIDE</p> </div> </li> </ul> $('div.toggle').hide(); $('ul.product-info li a').click(function(event){ $(this).next('div').slideToggle(200); } 私の質問はpreventDefault()、リンクとして機能するリンクを停止し、URLの末尾に「＃」を追加してページの上部にジャンプするにはどうすればよいですか？ 正しい構文を理解できません。エラーメッセージが表示され続けます preventDefault（）は関数ではありません。

133 javascript  jquery 

jQueryを使用してCSSを変更しようとしています： $(init); function init() { $("h1").css("backgroundColor", "yellow"); $("#myParagraph").css({"backgroundColor":"black","color":"white"); $(".bordered").css("border", "1px solid black"); } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> <div class="bordered"> <h1>Header</h1> <p id="myParagraph">This is some paragraph text</p> </div> コードスニペットを実行する結果を非表示スニペットを展開 ここで何が欠けていますか？

133 javascript  jquery  css