スクリプトはjsfiddleに動作しますが、@Josephからの助けを借りて自分のウェブページのjQuery

に私はまさに私がjsfiddle上にそれを望むように動作します。このスクリプトを作成するために管理していません。しかし、私のWebページで全く同じスクリプトを使用すると、何もしません。ifやelseの中のスクリプトは無視され、通常のラジオボタンのように動作します。私は、任意のerrrorメッセージを取得しないと私は使用しています：スクリプトはjsfiddleに動作しますが、@Josephからの助けを借りて自分のウェブページのjQuery

http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js 
http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js

私は考えることができる唯一のことは、それが「この」を使用して動作しないということでしょうか？どうすればそれを解決できますか？
http://jsfiddle.net/pJgyu/15013/

jQuery(document).ready(function() 
{ 
    $("input[type='radio']").click(function(){ 
    var $knapp = $(this).val();  

    if(($knapp=='1c') || ($knapp=='2c')|| ($knapp=='3c')) { 
     this.checked = true; 
    }else{ 
     $("input[type='radio']."+this.className).not($(this)).each(function(){ 
      this.checked = false; 
     }); 
    } 
}); 
}); 

<table> 
<tr> 
<td>1</td> 
<td><input type="radio" class="ljudkalla_1" name="ljudkalla_1" value="1a"></td> 
<td><input type="radio" class="ljudkalla_2" name="ljudkalla_1" value="1b"></td> 
<td><input type="radio" class="ljudkalla_3" name="ljudkalla_1" value="1c"></td> 
</tr> 
<tr> 
<td>2</td> 
<td><input type="radio" class="ljudkalla_1" name="ljudkalla_2" value="2a"></td> 
<td><input type="radio" class="ljudkalla_2" name="ljudkalla_2" value="2b"></td> 
<td><input type="radio" class="ljudkalla_3" name="ljudkalla_2" value="2c"></td> 
</tr> 
<tr> 
<td>3</td> 
<td><input type="radio" class="ljudkalla_1" name="ljudkalla_3" value="3a"></td> 
<td><input type="radio" class="ljudkalla_2" name="ljudkalla_3" value="3b"></td> 
<td><input type="radio" class="ljudkalla_3" name="ljudkalla_3" value="3c"></td> 
</tr> 
</table>

出典

2011-08-16 user626342

[this（http://www.downforeveryoneorjustme.com/jsfiddle.net）]は、外部にリンクするのではなく** **の質問にコード**を含める理由です。 – Matt

申し訳ありませんが、質問が – user626342

使用放火魔/クロームのdevのツールバーを更新されている - と – NimChimpsky

私はthisが正しい、あなたが後にしている何だと思いますか？これはあなたのローカルマシンで動作しますか？

出典

2011-08-16 09:24:47 GregL

いいですが、ローカルでは動作しませんが、jsfiddleでは正常に動作します。私は今、火かき棒でデバッグしようとしています – user626342

私は助けてくれた皆様に感謝したいと思いますが、残念ながら私のウェブサイトでは動作しません。私はjqueryを使用せずにこれとは別の解決策を試してみなければなりません。 – user626342

jsFiddleでは動作しますが、マシン上で動作しないことは非常に奇妙なようです。すべてのファイルが適切にダウンロードされていますか（Firebugのネットタブに赤い線はありません）？ Firebugコンソールにエラーが表示されますか？私はjQueryを放棄しないようにアドバイスします。あなたのローカルマシンではうまくいかない理由はありません。また、クロスブラウザーと互換性のあるスクリプトを使用する方がずっと簡単です。あなたは、GoogleのCDNまたはローカルファイルでホストされているjQueryのバージョンを指していますか？ – GregL

あなたは二回のjQueryを含めている：

私のスクリプトはで見つけることができます。 1つはmin.jsと表示されたminifiedバージョンです。これらのライブラリのうちの1つだけが必要です。私は帯域幅を節約するためにミニバージョンを使用することをお勧めします。最初からHTMLを作成するときに、それがローカルにここに動作するため

出典

2011-08-16 08:40:36 andyb

ありがとう、変わったけどまだ同じです – user626342

これは、あなたのHTML内のエラーのように思えます。

また、FirebugのやSafariやChromeのデバッガを使用してバージョンをデバッグしようとすることができます。コードにブレークポイントを入れて、コンソールでjQueryセレクターを手動で試してみると、ほとんどの問題を見つけることができます。

この1つは動作します：

<html> 
<head> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js"></script> 
<script type="text/javascript"> 
jQuery(document).ready(function() 
{ 
    $("input[type='radio']").click(function(){ 
    var $knapp = $(this).val();  

    if(($knapp=='1c') || ($knapp=='2c')|| ($knapp=='3c')) { 
     this.checked = true; 
    }else{ 
     $("input[type='radio']."+this.className).not($(this)).each(function(){ 
      this.checked = false; 
     }); 
    } 
}); 
}); 

</script> 
</head> 

<body> 

<table> 
<tr> 
<td>1</td> 
<td><input type="radio" class="ljudkalla_1" name="ljudkalla_1" value="1a"></td> 
<td><input type="radio" class="ljudkalla_2" name="ljudkalla_1" value="1b"></td> 
<td><input type="radio" class="ljudkalla_3" name="ljudkalla_1" value="1c"></td> 
</tr> 
<tr> 
<td>2</td> 
<td><input type="radio" class="ljudkalla_1" name="ljudkalla_2" value="2a"></td> 
<td><input type="radio" class="ljudkalla_2" name="ljudkalla_2" value="2b"></td> 
<td><input type="radio" class="ljudkalla_3" name="ljudkalla_2" value="2c"></td> 
</tr> 
<tr> 
<td>3</td> 
<td><input type="radio" class="ljudkalla_1" name="ljudkalla_3" value="3a"></td> 
<td><input type="radio" class="ljudkalla_2" name="ljudkalla_3" value="3b"></td> 
<td><input type="radio" class="ljudkalla_3" name="ljudkalla_3" value="3c"></td> 
</tr> 
</table> 

</body> 
</html>

出典

2011-08-16 09:20:16 Daan

+1はい私は同じことを発見しました。ローカルでもリンクされたjsFiddleでも問題はありません – andyb

スクリプトはjsfiddleに動作しますが、@Josephからの助けを借りて自分のウェブページのjQuery

答えて

関連する問題