2012-03-19 11 views
1

私はjQueryベースのスタイルスイッチャーを持っています。実際は幅を変えるだけなので、「ワイプスイッチャー」に似ています。jQueryスタイルのスイッチャーの幅が正しく変更されない

私はここからそれを修正しようとしています:http://bleachindonesia.com/forum/html/stylesw/style-switch.jsここで働いていることがわかります:http://bleachindonesia.com/forum/(私のウェブサイトです)。

元のバージョンで正常に動作しています。この修正版では、「リセット」ボタン(「デフォルト」という名前)を追加しようとしているので、幅がデフォルトのバージョンに変更されます。

< ---->

私はデフォルトにして90%に変更する幅をリセットするためにそれを使用するときに動作します。幅を100%または840pxに変更しようとすると問題が発生します。最初はそれぞれの幅に常にアニメーションが適用されますが、90%に変更されます。

解決策はありますか?

+0

スタイル宣言要素の 'href'属性を変更する方が効率的です。 – kirilloid

+0

私はそれがここで問題ではないと思う...問題はjQueryにあるようだ。 – deathlock

答えて

0

あなたのJQueryがCSSファイルを追加しているかのように見えます...ハードコードされたデフォルトファイルの下にロードされていますか?おそらくブラウザーは1つのファイルを見て、そのページをレンダリングしてから、2番目のCSSファイルを読み込んだ後にその幅を変更しています。

+0

質問を更新しましたが、実際にはスクリプトを修正しようとしています。 CSSファイルに関して、 '#ipbwrapper'はメインのスタイルシートによって設定されます(ここでは触れません)。ここで言及しているjQueryは、別のスタイルシート( '#ipbwrapper {width:XXX}'プロパティのみを持つ)を通して幅を設定しようとしています。 – deathlock

+0

私が見ているものから、あなたのデフォルトの幅は90%ですよね? – huzzah

+0

まあ...おそらく、はい、いいえ。ウェブサイトには実際に内蔵のスキンチェンジャー/スタイルスイッチャーが内蔵されているため(ページ下部に表示されています)幅はスキン/スタイルによって異なります。一方、私がここで言及しているjQueryスクリプトは、幅の変更だけです。私は、この幅のチェンジャーを使って自分の幅を選択する柔軟性をユーザに求めています。あなたの質問に答えるために、この場合、デフォルトの幅は90%です。しかし、どのスキン/スタイルが選択されるかによって異なります。 – deathlock

関連する問題