問題タブ [jquery-tools]

このページに AJAX GET リクエストが 1 つではなく 2 つあるのはなぜですか?

次々と2 つのリクエストがありますが、リクエストは1 つだけである必要があります。編集可能なコードはここにあります。

Firebug コンソールでバグを確認できます。

JQuery Tools Scrollableを使用して、全ページ幅のスクロール可能なフォームを作成しています。フォームの各ページがページ全体をスクロールし、右からスライドする次のページに置き換えられます。

私が抱えている問題は、ブラウザのサイズ変更とブラウザ内ズーム（Ctrl +/-）の中で、各ページが中央に配置されるようにする方法です。私のコードは以下に基づいています：http：//flowplayer.org/tools/demos/scrollable/site-navigation.html

私は自分のコードを次のようなdivに入れてみました：

ただし、このdiv自体はページの中央に配置されているため、スクロールするページは左端までスライドしません。divの端で左から約30％離れて切り取られ、見栄えが悪くなります。

私が考えることができる唯一の結論は、div class = "items"で定義したマージン左を動的に変更して、常に50％-440pxに等しいが0以上になるようにすることです。

javascriptを使用してこれを行うにはどうすればよいですか？

jQuery ツールのタブを使用してウィザードを作成しています。ペイン間を正常に移動する前と次のボタンがありますが、それらはハッシュを変更せず、ブラウザーの履歴に貢献しません (少なくとも FF では)。次および前のハンドラーに何かを追加する必要がありますか? ボタンの location.href を に変更してみては#<next-page-id>いかがでしょうか。私はツールが私のためにそれをしてくれると思っていました....

オーバーレイ内にフォームを表示しようとしています。フォームはajaxを介してロードされます。これはすべてFirefox3.xで正常に機能します。

しかし、Safari 5.0（5533.16）では、オーバーレイはajaxリクエストを表示しますが、作成せず、htmlリクエストを作成します。

これが、jsで構成し、次にdocument.readyでModalPostForm.init（）を呼び出す方法です。

パスティ-http ://pastie.org/1196064

これが私のhtmlです

なぜhtmlリクエストを発行するのですか？

ありがとう

アップデート

これは、コントローラーアクションでrailsrespond_toブロックのformat.htmlブロックを削除するとなくなります。

なぜそれがhtmlリクエストを送信するのか、なぜrailsがそれをhtmlリクエストであると考えるのかという疑問は残ります。実際にjsを実行できないブラウザーの場合は、そのブロックを削除したくありません。

問題を引き起こす新しいアクション

これも問題の原因となる編集アクションです。newメソッドとeditの両方がたまたま「get」メソッドです。

なぜ$('a.current').parent('li').addClass('current');と$(this).hasClass('current').parent('li').addClass('current');が機能しないのですか?

aクリックイベントにはli.current http://jsfiddle.net/laukstein/ytnw9/を追加する必要があります

更新: Dropbox がダウンしているので 、完全な JS でhttp://jsfiddle.net/laukstein/ytnw9/1/を更新しました

編集: 質問から省略された jsFiddle リンクから HTML を追加する

$('a.current').removeClass('current');このjqueryタブで機能しないのは なぜですか? http://jsfiddle.net/laukstein/ytnw9/8/

HTML:

タブ機能と Ajax サポートを備えたjQuery ツールを使用して、ページにリンクしています。私の問題は、タブが変更されたときにページのタイトルを変更したいということです。

ガイドに参考文献が見つかりません。

ありがとう。

jQuery ツールを使用して、単純なスクロール可能なフォト ギャラリーを実装しました。
次に、jQuery ツールのスクローラーに自動スクロール動作を追加して、写真のスライド ショーを作成しました。
次に、jQuery カラーボックスを写真のスライド ショーに添付して、より大きなバージョンの画像を提供しました。

私は次の問題に直面しています。動作は予測できない場合があるため、可能な限り最善の方法で説明できることを願っています。

主な問題は、スライドショーを停止し、画像をクリックしてカラーボックスまたは次/前のボタンを表示すると、スライドショーが再び開始されることです。この動作を無効にする方法はありますか??

もう 1 つの問題は、カラーボックスをクリックすると、7 つではなく 9 つの画像があるように見えることです。写真をクリックして、ズームされた写真の右上にカラーボックスが生成するインデックスを表示することで確認できます。
なぜこうなった？説明が見つかりません。

最後に、2 回発生し、再現できない最も厄介な部分は、カラーボックスを開いたり閉じたりすると、ある時点で jQuery ツールがスクロール可能になり、インデックスが台無しになり、追加のステップがスクロールされて、存在しない空白の写真が表示されることです..これまた、左下にある現在の写真番号の表示、つまりナビゲーションを台無しにします。

これら 2 つのライブラリは必ずしも連携することを意図していないことはわかっていますが、誰かが同じスクリプトまたは関連するスクリプトを実行した場合に備えて、ここにこれらの質問を投稿しました。
どんな助けでも大歓迎です。

Javascript コード:

* 更新* これまでのところ、奇妙な動作の 1 つを把握することができました。
カラーボックスには、存在するよりも多くの合計画像が表示されます。これは、autoscroll プラグインの後に呼び出されるためです。自動スクロールは、循環プロパティがオンの場合、開始前と終了後に 1 つずつ 2 つの余分な div を作成します。したがって、カラーボックスはそれらを見つけて方程式に追加します。

autoscroll をまったく呼び出さない場合、カラーボックスは正常に動作します。
したがって、解決策は次のように colorbox を呼び出すことです。

colorbox の読み込みが完了したら、autoscroll プラグインをギャラリーに適用します。ただし、既に作成されたスクロール可能なインスタンスに自動スクロールを適用する方法がわかりません。

私はJQuery ToolsのScrollableを次のように非常に似た方法で使用しています: http://flowplayer.org/tools/demos/scrollable/site-navigation.html

私のページでのやり方のために、ユーザーがボタンをクリックして各垂直内で水平に進むことができるようにする必要があります。現在のタグ:

スライドを水平方向と垂直方向の両方に進めると、垂直方向と水平方向に変化する斜めの動きになります。彼らの行動を水平方向に移動するように制限するにはどうすればよいですか?

「最小設定」を使用して、jQuery ツールのオーバーレイ効果をサイトに追加しました。残念ながら、ユーザーがそれを閉じたい場合、右上にあるこの小さな円をターゲットにする必要があります。このように使いやすさが損なわれます。ユーザーがどこかをクリックして閉じることができれば、はるかに良いでしょう。

ユーザーがどこをクリックしてもオーバーレイを閉じるように、コードを変更または追加できますか? それとも、オーバーレイの外側をクリックしたときでしょうか? ドキュメントでそれに関するメモを見つけることができませんでした。