jQuery UI

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

RSS

  • 解決済

    回答
    1

    jQueryのsortableで子階層のソートを別々に動作させるには

    前提・実現したいこと jQuery.UIを使用したソートについてご教授お願いいたします。 一つの親に対して複数のソート(group1、gorup2毎にソート)を行うことは可能でしょうか。 実現したいことは下記点です。 ・group1、group2など指定したCSS間でソートを行う。(group1、group2は交互に設定されることはありません。) ま

    • 0評価
    • 30PV
    kagura_chi kagura_chi 1時間前に 回答
  • 解決済

    回答
    2

    【jquery】sortable()が動きません

    サンプルを参考に、表中の行をドラッグで移動する画面を作ろうとしてます。 「sortable is not a function」というエラーが出て動作しません。 ドラッグしても反応しません。 分かる方教えていただけないでしょうか? 宜しくお願い致します。 <head> <script src="https://ajax.googleapis.

    • 0評価
    • 74PV
    pecchan pecchan 1ヶ月前に コメント
  • 解決済

    回答
    1

    jQuery Sortableで、ソートしないときは、スクロールしたい

    jQuery UIのSortableを使用して、要素をソートするプログラムを書いています。(ソート結果をajaxで送信し、サーバでDBに保存) スマホのときにも使用できるように、「jQuery UI Touch Punch」を追加使用しています。 スマホの際の並び替えですが、並び替える要素が、画面の横幅のほとんどをとっているため、「スクロールしようと

    • 0評価
    • 128PV
    morimasa morimasa 1ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    (jQueryUI)Selectableでドラッグは無効にしたいです

    前提・実現したいこと selectableでドラッグでの範囲選択のみを無効にすることはできますか? listボックスで横スクロールバーが出た際に、スクロールバーをドラッグすると範囲選択になってしまい スクロールバー以外の部分をクリックしない限り範囲選択が解除されません。 何か解決方法あれば教えていただけないでしょうか。 該当のソースコード if (

    • 0評価
    • 53PV
    cookieman cookieman 1ヶ月前に 回答
  • 解決済

    回答
    1

    jQuery UI のdatepickerが反応しない

    前提・実現したいこと jQueryのdatepickerで過去の日付と水曜日、年始の休業日を選択不可にしたい 該当のソースコード <script> $(function() { // 休業日の設定 $("#datepicker, #datepicker02").change( function() {

    • 0評価
    • 95PV
    zz34 zz34 1ヶ月前に コメント
  • 解決済

    回答
    1

    jQuery UIのeventとuiとは

    jQuery UIのsliderで以下のコードを使うのですが,eventとuiというのは何をしているのですか?console.logで出力してもよくわかりません... $(function(){ $("#slider").slider({ orientation: "vertical", max: 200, m

    • 0評価
    • 90PV
    mts10806 mts10806 1ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    stop(jQueryUI)内にあるメソッドを外部化したい

    前提・実現したいこと jQueryUIのDraggableを使用しています。 以下のソースコードのstop: function () {}内に.each()を設置しているのですが、stopの度に.each()が動作するのはあまり良くないのではないか、と考えています。 そこで、stop: function () {}の外に.each()を設置しながらも

    • 0評価
    • 152PV
    yashi yashi 2ヶ月前に コメント
  • 解決済

    回答
    2

    jQueryUI(Draggable)のstop内からdrag内の変数にアクセスしたい

    前提・実現したいこと 下記ソースコードのdrag: function ()内の変数$hogeを、stop: function ()内から取得したいのですが、どのように指定すればよろしいでしょうか? 該当のソースコード $($element).each(function () { $(this).draggable({ drag: functi

    • 0評価
    • 308PV
    yashi yashi 2ヶ月前に 質問を編集
  • 解決済

    回答
    2

    jQueryUIのdialogがうまく開かない(IE)

    実現したいこと IEで、Endterを押下した時に、dialogを表示したい。 FFでは表示されます。 ソース <!DOCTYPE html> <html lang="ja"> <head> <script language="JavaScript" src ="jquery.min.js"></script>

    • 0評価
    • 114PV
    unfcs unfcs 2ヶ月前に コメント
  • 解決済

    回答
    2

    jQueryのsortableでAとBの位置をドラッグにより置き換えることをしたい

    現状 図1 図2 図1のinboxをongoingの方へドラッグすると、図2のように、ongoingが下の方へ行ってしまう 目標 図2ではなく、図3になってほしいです 図3 以下のコードにどこが問題なのでしょうか?ご指摘お願いします! コード $(function(){ $(".c

    • 0評価
    • 124PV
    grapefruit grapefruit 2ヶ月前に 質問を編集
  • 解決済

    回答
    2

    jQueryの自動入力補完について

    jQueryのautocompleteを実装してみたのですが、4つの疑問があります。 (1つでもお答えいただけたら嬉しいです。) サーバーサイドはPHPで、配列に指定のワードを格納しておき、ユーザーが検索ワードを入力していくと、それが前方で一致するものを候補として出してくれます。 入力フォームは以下のようになりました。 <!DOCTYPE htm

    • 0評価
    • 120PV
    gsuisk gsuisk 2ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    jQueryUIのautocompleteを使用するが、スクロールバーを押しても下に行かない(IEの...

    発生している問題 jQueryUIのautocompleteを使用して照会システムを作成しています。 カーソルをフィールドに合わせると、下記画像のように表示されます。 ここで、スクロールバーの↓下矢印を押しても、カーソルが一番上に行ってしまって下がりません。 試したところ、IEのみの現象のようです。 IEでも、autocompleteを使用したいです。教えて

    • 0評価
    • 143PV
    unfcs unfcs 2ヶ月前に コメント
  • 解決済

    回答
    1

    jQueryUIのsortableを利用した入れ替え可能リストの順番をすぐに条件分岐に使いたい

    前提・実現したいこと jQueryUIのsortable()を利用して入れ替え可能なリストを作成(ゲーム制作に使うための雛形)しています。 入れ替えが完了したタイミングでidの配列を作り、指定の順番「21345」になっていればコンソールに「正解」のメッセージを出したいです。 ですが入れ替え直後は配列が「12undefined345」「125undefined

    • 0評価
    • 102PV
    komado214 komado214 3ヶ月前に コメント
  • 解決済

    回答
    1

    jQueryUIのDraggableで画像の複製を自由に移動させたい

    jQueryUIのDraggableを使って、家具の配置シュミレーターを作りたいと思っています。 仕様としては、家(div)の中に家具一覧があり、その中の椅子(画像)をドラッグすると家の中のみ自由に配置できるものを想定しています。 配置が終わった後も家具一覧には椅子(画像)があり、家の中に何個でも椅子(画像)を複製して配置できるようにしたいです。 試行錯

    • 0評価
    • 140PV
    tkg365 tkg365 4ヶ月前に コメント
  • 解決済

    回答
    1

    [jquery-ui]sortableでselect-optionの中身の順番を入れ替えたい。

    htmlのselect,optionをドラッグ(或いはキー上下)でソートしたいと思っています。 jquery-uiのsortableで以下のようにすれば動くかと思ったのですが動かず、Googleで検索してもdivやul,tableのサンプルしか出てこずに微妙に困っています。 まずはドラッグで以下のoptionを上下に動かしたいのですが、対応策をご存じ

    • 0評価
    • 125PV
    sllmejacob sllmejacob 4ヶ月前に コメント
  • 解決済

    回答
    1

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

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

    • 0評価
    • 311PV
    kmsyn1111 退会済みユーザー 5ヶ月前に コメント
  • 解決済

    回答
    1

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

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

    • 0評価
    • 202PV
    yusukesasaki yusukesasaki 5ヶ月前に ベストアンサー
  • 解決済

    回答
    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評価
    • 240PV
    kei344 kei344 5ヶ月前に ベストアンサー
  • 解決済

    回答
    1

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

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

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

    回答
    1

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

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

    • 0評価
    • 172PV
    k.t.est k.t.est 6ヶ月前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    275

  • 総質問数

    123

  • 今週の質問数

    1

関連するタグ

jQuery UIタグのよく見られている質問

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