jQueryプラグイン

jQueryの拡張機能。 様々な種類があり、その数は膨大です。公開済みのプラグインの他にも、自作することもできます。 jQueryで利用できるようにしておくだけで、導入およびカスタマイズが比較的容易に行なえます。

RSS

  • 解決済

    回答
    1

    【jQuery】スライダーに画像を重ねたい

    jQuery「multirollslider」 (http://www.jqueryscript.net/slider/jQuery-Plugin-For-Simple-Image-Scroller-slider-js.html) を使用し縦スクロールをしているスライダーの上に別の画像を被せて表示したいのですが、 どうしてもスライダー内の画像がずれてしまいま

    • 0評価
    • 25PV
    XuZHqLUR XuZHqLUR 1日前に コメント
  • 受付中

    回答
    0

    slick sliderでprev矢印をタップした一番最初の時のみ、aria-hiddenがtrue...

    slick sliderでprev矢印をタップした一番最初の時のみ、aria-hiddenがtrueになってしまいます。 これにより、最初非表示だった要素が表示されてしまうので、最初に表示されている要素に色をつけても見えなくなってしまい、困っております。 下記はslick sliderとsliderのhtmlになります。 <ul class="sli

    • 0評価
    • 41PV
    teratailが4日前に アップデート
  • 解決済

    回答
    1

    Eazy zoomという画像拡大プラグインが動作しないです

    JqueryのプラグインでJquery Zoomというのを利用して画像を拡大しようとしていますが、うまく拡大されず困っています。 http://i-like-robots.github.io/EasyZoom/ このサイトを参考にしているのですが、うまく動作しません。 <script src="/js/jquery-2.1.4.min.js" typ

    • 0評価
    • 289PV
    hidepon hidepon 6日前に コメント
  • 解決済

    回答
    3

    Lightboxを利用してポップアップなしの画像ギャラリーを作成しようとしています

    簡単な画像ギャラリーを作成してズーム機能を付与しようとしています。 主画像1枚 サムネイル関連する画像全てを下に並べるというベタな構造です。 サムネイルにマウスを乗せると主画像を該当する画像に置き換えるという、よくありがちな 小細工をします。 これをlightbox を利用して、画像のポップアップをしない形で実現したいと思っています。 そもそも、lightb

    • 0評価
    • 87PV
    hidepon hidepon 6日前に ベストアンサー
  • 解決済

    回答
    3

    remodal.jsでモーダル表示を切り替える際に一瞬背景が消えるのを阻止したい

    ▼remodal.js http://vodkabears.github.io/remodal/ 上記のremodal.jsを利用しております。 下記のような流れでモーダル表示された子ウィンドウ1から子ウィンドウ2へ モーダル表示の内容を切り替えるという事を行っているのですが、 子ウィンドウ1から子ウィンドウ2に切り替わるタイミングと 子ウィンドウ2から

    • 0評価
    • 56PV
    smwb_man smwb_man 1週間前に 回答
  • 解決済

    回答
    1

    JS : auto-numericでカンマ付き数字を実現したい

    ruby on rails 5.0.0.1で開発、 jQuery pluginのauto-numericを利用して、数字を入力すると同時にカンマが表示される仕様にしたいと考えています。 実現したいことはこちらのデモ参照 以下の通り記載していますが、全くjQueryが反応せず、誤りをご指摘頂けますと幸甚です。 $(document).on('tur

    • 0評価
    • 87PV
    innjera innjera 1週間前に コメント
  • 解決済

    回答
    1

    JS: Rails 5.0.0.1から5.0.5にupdateしたら動かなくなったjQuery

    rails 5.0.0.1で動いていたjQueryがrails 5.0.5にupdateしたところ、動かなくなりました。原因が分からず、お分かりの方、確認すべき項目でも構いませんのでご指摘いただけますと幸甚です。 jQueryは、ruby gemのacts-as-taggable-onのUIとして利用していたTag-itです。 Tag-it web pa

    • 0評価
    • 126PV
    innjera innjera 2週間前に コメント
  • 受付中

    回答
    1

    Daterange pickerについて

    Daterangepicker について、 HTMLファイルで以下のコードを記載しておりますが、 inputのカラムよりうまくカレンダーが表示されません。 [状況] 以下のイメージでカラムは表示されますが、クリックしてもDaterangeのカレンダーが表示されません。 [参考] コードやファイルにつきましては、こちらのサイトを参考にしております

    • 0評価
    • 32PV
    kei344 kei344 2週間前に 回答
  • 解決済

    回答
    1

    jQueryのプラグインを無効化する方法

    「readmore.js」を使用して「もっと読む」ボタンを実装しています。 jqueryでウィンドウサイズがスマホの時に実行するようにしていますが、 ウィンドウリサイズでスマホ→PCサイズに変更した際、実行した「readmore.js」を破棄するにはどうすればよいでしょう? $(function() { device(); //risize

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

    回答
    1

    drawer.jsのプラグインで、Androidの背景が固定されない。

    drawer.jsのプラグインで、Androidの背景が固定されない。 スライドメニューを出したときに背景を固定し、メニュー表示してある方をスクロール可能にしたいのですが、iOSだとうまくいくのにAndroidだと背景が固定されず、メニュー側のスワイプがうまくできません。 drawer.js(http://git.blivesta.com/drawer/

    • 0評価
    • 33PV
    apisakai apisakai 2週間前に 回答
  • 解決済

    回答
    1

    Uncaught TypeError: jQuery(...).tinyNav is not a f...

    Uncaught TypeError: jQuery(...).tinyNav is not a function at HTMLDocument.<anonymous> (functions.min.js?ver=4.8.1:6) at i (jquery.js?ver=1.12.4:2) at Object.fireWith [a

    • 0評価
    • 53PV
    HayatoIse HayatoIse 2週間前に 回答
  • 解決済

    回答
    2

    IEのみドロップダウンメニューがうまく表示できない

    jQueryでレスポンシブメニューをアコーディオンタイプに設定したいのですが、IEのみうまく表示できません。CSSは読み込まれているのですが、互換表示モードとかではないと思いますが、原因が分かりません。 下記↓にアップしました。 http://www.futako.com/test/ こちらのサイトを参考にさせていただきました。 http://black

    • 0評価
    • 86PV
    Birdsfly Birdsfly 2週間前に ベストアンサー
  • 受付中

    回答
    1

    Slider Pro サムネイル画像問題

    jQueryのSlider Pro http://gimmicklog.main.jp/demo/slider-pro/slider-pro.html#thumb-v こちらのサイトの「サムネイル付き縦スライド」のように実装することができました。 ですが、実装後課題点が出てきました。 サムネイルの画像が横も縦も最大160サイズなので、thumbn

    • 0評価
    • 71PV
    monami monami 2週間前に 回答
  • 解決済

    回答
    2

    jqueryプラグイン "select2" を使ったフォームを動的に追加(複製)すると上手く動かない...

    前提・実現したいこと 現在とあるサイト制作をしており、登録フォームのセレクトボックスでjqueryプラグインの「select2」を使っていますが、(自作で設置した)フォーム追加ボタンで動的に同じフォームを追加した際に、追加されたセレクトボックスがクリックできないため、動くようにしたいと思っています。 発生している問題 キャプチャ内のフォーム最上部のセレク

    • 0評価
    • 53PV
    YukihideKanda YukihideKanda 2週間前に ベストアンサー
  • 解決済

    回答
    1

    Slick.jsで左右逆方向にスクロールするカルーセルスライダーの設定方法

    図のイメージのようなことが実現したいです。 同一ページ内で、スライダー1とスライダー2がそれぞれ逆方向にautoplayでスクロールするカルーセルスライダーを作成したいです。 【試してみたこと】 slick.jsを使って、以下のように設定してみました。 $('.slider-01').slick({ arrows: false, d

    • 0評価
    • 48PV
    alex77n alex77n 3週間前に 質問を編集
  • 解決済

    回答
    1

    skrollrを使って縦にスクロールさせたい

    http://prinzhorn.github.io/skrollr/ 上記のサイトのskrollrを使ってスマホ用に縦にスクロールさせたいのですが、うまくいきません。 色々なサイトのサンプルを試すのですが、綺麗に動いた試しがありません。 skrollr使って簡単で簡潔にスクロールする方法はありますでしょうか? 1ページに背景画像1枚としてペ

    • 0評価
    • 51PV
    ryuunosuke ryuunosuke 3週間前に コメント
  • 解決済

    回答
    2

    fullcalendarに関するクリック及び過去の日付について

    前提・実現したいこと Jqueryのfullcalendarに関する作業をしています。 カレンダーに以下の2点を反映したいです。 ①日付をクリックすると色がつく ②過去の日付はクリックできない ご存知の方がいらっしゃいましたらご教示頂けると幸いです。 発生している問題・エラーメッセージ ①、②の片方のコードだけ残すと、反映されているので、単独では実装でき

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

    回答
    2

    【asp.net c#】GridViewでfloatThead.jsを使いヘッダー固定をし、java...

    初めまして。web開発初心者です。 asp.netとc#を用いてweb開発に取り組んでおります。開発歴はまだ数ヶ月のヒヨッコです。 色々不手際多いとは思いますが よろしくお願いします。 前提・実現したいこと では、表題の件についてです。 現在、GridViewのヘッダーをjQueryのfloatTheadと言うプラグインを用いて固定しております。

    • 0評価
    • 103PV
    matya874 matya874 4週間前に コメント
  • 受付中

    回答
    2

    jQuery slickのスライドが、ロード直後だけ動きが速い

    こちらのslickスライダーを使っています。 http://kenwheeler.github.io/slick/ 以下のように、オプションをつけて、使用しています。 $('.slider').slick({ arrows: false, infinite: true,

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

    回答
    1

    Jquery でループ処理で無いのに、なぜかif制御文が2度実行される。

    JQueryのプラグインColorbox とslidebars を用いて開発をしています。 sidebarsに形成されたラベルをクリックすると 他の要素に追加されたり削除したりします。以下はsidebarsの状態です。 また、colorboxので生成された要素をクリックすると以下のsidebarsの要素に追加されます。 <div class="check

    • 0評価
    • 157PV
    zohnam zohnam 1ヶ月前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    379

  • 総質問数

    285

  • 今週の質問数

    4

関連するタグ

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