2011-08-08 7 views
0

jQueryを使用してクラスno_jsでコンテンツを非表示にし、クラスjsでコンテンツを表示しようとしています。私はフォーム上のボタンにこれを使用します。 Javascriptを有効にすると、onclickをJavascript関数にバインドするtype = "button"が表示され、Javascriptが無効になっている場合、ページにはtype="submit"ボタンが表示されます(デフォルトで表示されます)。ここで私がこれまで持っているものです。jQuery - javascriptが有効になっているときに表示され、* disabled *のときに他のコンテンツが表示されるように、コンテンツを切り替えるために表示/非表示を使用しますか?

<input class="no_js" type="Submit" value="Generate"/> 
<input class="js" type="button" value="Generate_JS" onclick="generate_password()"/> 

の.js要素はスタイルシートにdisplay:noneに設定されています。要素が異なる表示タイプ(inline,、それは要素に依存する)を持つ可能性があるので、私はhide/showまたはtoggleを使いたいので、displayを使ってCSSプロパティを設定することはできません。 IDにではなくクラスに基づいています)。

誰かお手伝いできますか?今すぐGenerateボタンが常に表示され、Generate_JSボタンは決してと表示されます。

編集:申し訳ありませんが、私は私のコメントにコードを入れることはできないと思いますか?これは私のヘッダーで使用しているコードであり、結果は同じです。

$(document).ready(function() {  
    $(".no_js").hide(); 
    $(".js").show(); 
}) 

答えて

0

この問題は、Webホストのシステムに関連のないエラーが原因でした。彼らは通過したパケットの大部分でパケットロスを経験していました。そして、私がアップロードしたJQueryライブラリはそれを成し遂げなかったのです。私の元のコードが再び働いています。

0
<input class="no_js" type="Submit" value="Generate" /> 
<input class="js" type="button" value="Generate_JS" onclick="generate_password()" style="display: none"/> 
<script> 
$("input.js").show(); 
$("input.no_js").hide(); 
<script> 
+0

私は答えを編集してより多くのコードを追加しました。 –

+0

私はあなたの正確なコードをテストし、それは動作しません。私が試すことができる何か他にありますか? –

+0

「うまくいかない」とはどういう意味ですか? – genesis

0

はまた、何のスクリプト言語は、JavaScriptのだろう、現在のすべてのブラウザでは、検出されなかった場合にのみ表示されます<noscript>要素を、使用することができます。

+0

私はnoscript要素について知っていますが、有効にしたときに別のコンテンツを表示するのには役立ちません。また、noscript要素は、私が排他的に使用しているXHTML 1.0 Strictの問題を引き起こす可能性があります。 –

関連する問題