jQuery UI

jQuery UI はjQuery公式のインターフェースライブラリであり、対話型のウェブアプリケーションを作る際に役立ちます。

RSS

  • 解決済

    回答
    1

    jQuery UIのSortableを使って、複数のリストを境界を超えてドラックアンドドロップしたと...

    実現したいこと jQuery UIのSortableを使って、複数のリストを境界を超えてドラックアンドドロップしたときに、 ドラックした側とドロップした側の値の一覧を取得したいです。 現状 グループ2の一覧とグループ3一覧は境界を超えてドラックアンドドロップをできるようにしています。 グループ2から「Item 2」をグループ3に移動したときに、

    • 0評価
    • 175PV
    kmsyn1111 kmsyn1111 2週間前に コメント
  • 解決済

    回答
    1

    jQueryUIのdatepickerをクリックしたときだけ表示させたい。

    inputのtextにjQueryUIのdatepickerを設定しています。 「クリックしたときだけ」表示させる方法はないでしょうか。 通常タブ等でフォーカスを移動させて、textにフォーカスが当たった時にも表示されると思いますが、マウスで選択したときのみ表示させたいです。 よろしくお願いします。 デモ https://codepen.io

    • 0評価
    • 45PV
    yusukesasaki yusukesasaki 3週間前に ベストアンサー
  • 解決済

    回答
    1

    jQuery UI Autocompleteでサーバに問い合わせるときに、termの他にセレクトボッ...

    <script> $(function(){ $('#input').autocomplete({ source:"/autocomplete/" + $('#id').attr('value') }); }); </script> <select id="id"> <option value="A">A</option> <o

    • 0評価
    • 108PV
    kei344 kei344 3週間前に ベストアンサー
  • 解決済

    回答
    1

    jQuery UI autocompleteでajax通信を途中で中断する方法

    inputタグに入力した内容から候補表示を行うautocompleteを使っているのですが、inputタグ内に一度文字を入力した後に、候補表示される前に(success前に)文字列を削除してinputタグが空白となった場合には、一度投げたajax通信を途中で中断するようにしたいのですが、中断出来ません。 (候補が出力される前にinputタグを空白にした時点

    • 0評価
    • 139PV
    k.t.est k.t.est 1ヶ月前に コメント
  • 解決済

    回答
    1

    jQuery UI autocompleteを利用時の候補出力までの時間に処理中のgifを表示する方...

    下記のコードでinputタグに文字を入力した際に、入力候補を出すようにしているのですが、入力候補が出力されるまでに時間が掛かることがあり、その際の対応として、loading中であることをユーザー側に明示できるよう入力候補を検索している最中にgif画像を入れたいのですが、どのようにすれば組み込めるでしょうか? 御教示お願い致します。 $

    • 0評価
    • 58PV
    k.t.est k.t.est 1ヶ月前に コメント
  • 解決済

    回答
    1

    「住所の一部」から「郵便番号と全住所」の入力補完(オートコンプリート)および他の入力フィールドへの自...

    顧客情報(住所や郵便番号)の入力画面を作成しています。 下記のような入力支援用のテーブル(または配列データ)を作成し、 「営業地域名」の入力補完(オートコンプリート)と、選択に応じて 該当する地域コード、郵便番号、住所の自動入力を行いたいです。 検索してみたところ、郵便番号から住所を自動入力するものは たくさんお手本があったのですが

    • 0評価
    • 523PV
    maifukuhara maifukuhara 4ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    jqueryのserializeについて

    下記のテーブルを、ajaxで、{row: ["test-01","test-02", "test-03", "test-04"]}をデータでpostしたいのですが、どのようにすれば良いでしょうか? $('#sortable').sortable('serialize') で抽出したところ、-で切られてしまい、正しくserializeが出来ませんでした

    • 0評価
    • 140PV
    kei344 kei344 4ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    jQueryのヘッダでの記述について

    質問したいこと jQueryを使い始めた初心者です。 jQueryやそのプラグイン、jQuery UIの使い方として、scriptを指定することが必須だと思います。 しかし、プラグインを入れることで他のjavascriptが作動しなくなることがあります。 例えば、下の例ならbxsliderを入れることでjQuery UIを使ったindex.jsがうま

    • 0評価
    • 175PV
    Naggy Naggy 4ヶ月前に ベストアンサー
  • 受付中

    回答
    0

    WebのUIライブラリでオススメのものを教えてください

    Webページに置くUIのライブラリを探しています。 欲しいものの要件としては、 ・自分でデザインを変えやすい ・スライダー、日付ピッカーあたりが欲しい です。 jQueryUIという手もあるのですが、jQueryを使わないため、このためだけにjQueryを読むのが嫌でして他にもUIライブラリがあれば教えていただけると嬉しいです。

    • -1評価
    • 343PV
    teratailが4ヶ月前に アップデート
  • 解決済

    回答
    1

    $.ajax()のループについて

    前提・実現したいこと 1分おきにあるAPIからjson形式のresponseを取得してDOMを書き換えたいです。 setInterval("function_name()",60000);で1分おきに繰り返すことができるのは分かりましたが、test().done(function...)のどこを入れれば繰り返してくれるのか理解できません。 実装としては

    • 0評価
    • 151PV
    peepo peepo 5ヶ月前に コメント
  • 解決済

    回答
    2

    jQuery UIで上下のdiv要素をあわせて100%を維持したい

    実施したいこと box-downを割り当てたdivをリサイズしたときに、box-upのdiv要素もリサイズして上下が常にフル画面で表示され続ける状態を作りたいと思っています。 現在のコードと現状の動き box-downを上にリサイズすると、画面の下部に空白ができ、同時にbox-upと被ってしまう状態です。 下にリサイズした場合、画面からオーバーフ

    • 0評価
    • 243PV
    TJMYK TJMYK 7ヶ月前に 回答
  • 解決済

    回答
    3

    jQueryでチェックボックスの値をPOSTしたい。

    前提・実現したいこと jQueryでチェックボックスの値をPOSTしたいと思っています。 jQuery.ajaxを使う事になると思うのですが、name属性が同じものが複数ある場合のやり方が分かりません。 ご教授頂けないでしょうか。 該当のソースコード <p><input type="checkbox" name="all" value="all

    • 0評価
    • 753PV
    hiroppii hiroppii 7ヶ月前に コメント
  • 受付中

    回答
    1

    javascriptのid名クラス名の良いつけ方悪いつけ方はcssとどう違いますか?

    javascriptのid名クラス名の良いつけ方悪いつけ方はcssとどう違いますか? https://webkikaku.co.jp/blog/htmlcss/idclassname/ cssはこのように情報がいくらでもありますが、jsはほとんどありません。 ・1 機能別に分離して、マルチクラスにする、js-sectionのように一つにしない、

    • -2評価
    • 394PV
    webpage 退会済みユーザー 7ヶ月前に コメント
  • 解決済

    回答
    1

    jquery-uiのsortable&draggableによるiframe内html初期化を避けたい

    現在、jqueryuiのsortableを利用し、iframe内に更にhtmlを導入し、body内部に書きこめるようエディタを作っています。 しかし、複数のエディタをソートしようとすると、iframe内部のhtmlが初期化され、body内部に書きこめるようなプロパティも消えてしまいます。 どうすればこのような現象を止められるか、参考出来るものがあれば教え

    • 0評価
    • 241PV
    VerfolgungEin VerfolgungEin 7ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    JQuery UIタブについて

    前提・実現したいこと JQuery UIのタブを用いてページを作っています。JQuery UIのテーマだと勝手にcssを決められていやだったので、テーマのプラグインは入れていません。 パネルの切り替え表示は問題なく動くのですが、タブを選択すると水色の線でaタグが囲まれてしまします。この水色の線をなくしたいのですがjsファイル、あるいはcssファイルをどの

    • 0評価
    • 237PV
    msuhyoshinori msuhyoshinori 8ヶ月前に コメント
  • 解決済

    回答
    1

    jQueryのDialogメソッドについて

    jqueryのdialogを使用してmodal画面を表示させています。 やり方としてはiframeを利用して中身を随時変更して表示しています。 html = "<iframe src='" + url + "' id='" + 指定したいId + "' frameborder='0' scrolling='auto'>"; $(html).dialo

    • 0評価
    • 266PV
    syncrock syncrock 8ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    <HELP!!>onclickメソッドが効きません

    お世話になります。 今、jspで取得した複数の値をボタンがクリックした時点でデータベースに格納するという動きを作っているのですが、jqueryのclickメソッドがなぜか効かなくなってしまいました、、、それ以外のjqueryの記述は問題なく処理してくれるのですが、そこのidを指定しても全く動いてくれません。どのようにすればよいでしょうか?わかる方がいらっし

    • 0評価
    • 199PV
    RyoM RyoM 8ヶ月前に 回答
  • 受付中

    回答
    0

    railsにてフォームの動的追加にsortable機能を付けたい

    ネストフィールド参考 ドラッグ&ドロップによる表示順変更参考 を参考にネストフィールドで記述したものを動的に順番を変更できるようにしたいのですが <%= form_for(@article) do |f| %> <ul id="contents"> <%= f.fields_for :contents do |builder| %>

    • 0評価
    • 294PV
    teratailが8ヶ月前に アップデート
  • 受付中

    回答
    0

    DOM操作でドラッグで要素の回転の拡縮をひとつのハンドルで行う方法

    前提・実現したいこと ここに質問したいことを詳細に書いてください jquery ui resizableを使用して右下のハンドルを使用して 要素の中心から拡縮し尚且つ回転もそのハンドルで出来るようにする。 しかしjquery uiではドラッグスタート地点の時の要素の TOP0 LEFT0地点で動かなくなってしまうので実現できず しかもresi

    • 0評価
    • 271PV
    teratailが8ヶ月前に アップデート
  • 解決済

    回答
    1

    iOSのモバイルブラウザでselectタグによるドロップダウンリストの中身を表示させたい

    前提・実現したいこと iOSのモバイルブラウザでselectタグによるドロップダウンリストの中身を表示させたい 発生している問題・エラーメッセージ ドロップダウンのUIは表示されるが、中身が空になっている 該当のソースコード <select class="p-signup__input-text" name="rest_dom" s

    • 0評価
    • 654PV
    pubron pubron 8ヶ月前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    265

  • 総質問数

    107

  • 今週の質問数

    0

関連するタグ

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る