問題タブ [jquery-ui-plugins]

jQuery 分割ボタン buttonset() 機能を使用して、ドロップダウン メニュー機能が既に組み込まれていて、テーマに精通した、すぐに使用できる SplitButton プラグインを作成した人はいますか?

Jotform.comは、左側にあるナビゲーション システムである素敵なパネル バーを使用しています。洗練された見た目で機能性も充実。アイテムにはハイライトがあり、ヘルプ '?' があります。ホバリング時にプレビューを表示する機能。

彼らがそれを自分たちで建てたかどうかはわかりません。非常によく似たものを構築するのに役立つjQueryプラグインまたはUIフレームワークがあるかどうか疑問に思っていました。私はすでに Telerik のコントロールを持っていますが、これはよりクールに見えます。

誰かがこのコードを見ることができますか。フォームで 2 つのプラグインを使用しています。1 つはフォーム フィールドを検証し、もう 1 つはフォーム フィールドのスタイルを設定します。

フォーム スタイリング コードをコメント アウトしている場合、フォーム検証はフォームを検証します。( // $('.ul').jqf1(); ) 両方のプラグインを連携させたい。

並べ替え可能な要素を使用できるようにすることはできますが、それでもユーザーは要素内のテキストをコピーして貼り付けることができますか？

私は簡単に行うことができます：

これにより、ブラウザでテキストを選択し、必要に応じてコピーして貼り付けることができます。ただし、これにより、人がドラッグ/ドロップできないようになります。ですから、キャンセルから始めたいと思いますが、マウスがコンテナの外側に一定の距離を移動すると、疑似ソート可能オブジェクトはキャンセルされなくなります。それは理にかなっていますか？

これが不可能な場合、私の最後のオプションは、コンテナーを並べ替え可能と並べ替え不可能に切り替えるトリガーを適用して、テキストを選択できるようにすることですが、UIクリックを最小限に抑えることをお勧めします。

質問

1. タブと同じ機能を実行するページにアンカーが必要です。特定のアンカーの onclick イベントの
   ようなものを配置した場合にのみ、機能させることができました。$('#tabs ul a:first').click()注: href は、タブ プラグインの外部のリンクには影響しません。クリックイベントを構築するときに、タブのアンカーでのみ使用される可能性があります。

2. jQuery バインディングの問題に遭遇しました。
   リンクごとに DOM ルックアップを実行する代わりに、それを変数に格納し、クリック イベントを外部アンカーのクリック イベントに追加することをお勧めします。ただし、セレクターが複数のオブジェクトを返す場合、配列内のオブジェクト (返されるのは配列ではなく、オブジェクトである可能性が最も高い) には機能がないように見えます。

JSFiddle の例

JS

HTML/CSS (不完全)

selectmenu jqueryui プラグインを自分のページに追加しようとしています。ui フォルダーからhttps://github.com/fnagel/jquery-uiファイルをコピーしました。jquery.ui.selectmenu.js次に、私のページからこの JavaScript へのリンクを含めました。jquery と jqueryui を新しくインストールしましたが、他の機能は問題ありませんが$('select').selectmenu();、ページに a を追加すると、ひどい混乱が発生します。選択を置き換える代わりに、すべての新しい選択メニューがページの下部に追加されます。

私が見逃したステップはありますか？

以下は、私がリンクしたファイルを表示しているページの html です。私の理解では、custom.css ファイルと custom.min.js ファイルには、必要なすべてのスクリプトとスタイルシートが含まれている必要があります。これは間違っていますか？

ページにある日付ピッカー アイテムが、適切な CSS が適用された状態で表示されます。

申請書に日付ピッカーがあります。生年月日が一定の年齢範囲内にある方のみご応募いただけます。ChangeYear を有効にし、YearRange を「-65:-16」に設定しました。私が抱えている問題は次のとおりです。

1 - 最初に年のドロップダウンで何かを選択せず​​に日付を選択すると、正しい月と日が表示されますが、2016 が年として表示されます。

2 - これを修正しようとして、YearRange を「n-65:n-16」に設定しました。これにより、年のドロップダウンには現在の年 (2010 年) のみが表示されます。さらに奇妙なのは、日付を選択しても、正しい月と日、そして 2016 年が得られることです。

日付ピッカーをセットアップするために使用するコードは次のとおりです。

これが私が間違ったことをしたことを願っています。誰かがそれが何であるかを教えてくれます。助けてくれてありがとう。

_createウィジェット定義のとの違いは理解していると思います_init(たとえば、この質問を参照してください) が、区別の目的についてはまだ確信が持てません。_create()または には、どのような種類のセットアップ タスクがあります_init()か? ウィジェットの作成者が間違ったものを選択した場合、何が問題になるのでしょうか?

単一の要素にドラッグとサイズ変更の両方を含めるにはどうすればよいですか。

私の問題です。バージョン 1.8.5 の jQueryUI と、プロジェクト内の多くのレガシー ソース コードがあります。レガシー コードでは、jquery のプラグイン オートコンプリートが 3 回登録されていることがあります。ただし、jQueryUI はまったく同じプラグインを登録しています。したがって、JavaScriptに入力すると：

実際には jQueryUI ではありません。

UI を明示的に選択する機会はありますか?

私はそのようなアプローチを試みました：

そして、私のコードで使用するには:

しかし、これはうまくいきません。（まあ、ブラインド撮影だったのであまり期待していませんでした。）

問題を回避する方法についての提案。

PS レガシー コードは教皇によって祝福されており、来年かそこらの間削除することはできません。