質問編集履歴

8 修正

shio

shio score 17

2017/02/01 12:14  投稿

jqueryがIE10だけ動作しないです。。
いつもお世話になっております。
下記コードを使用しチェックボックスにチェックが
入ったときだけバナーがリンクできる様にしております。
「IE10」以外のブラウザは正常に動いているのですが
なぜか「IE10」だけがチェックしてもバナーにリンクを繋いでくれません。。
すみませんが原因が分かる方がいらっしゃれば
教えて頂きたく思います。よろしくお願いします(;;)
---------------------------------------------------------------------------------------------------
```
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>  
<script type="text/javascript">
$(function(){
          //送信ボタンの無効、チェックボックスを外す
           $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
           $(".sample01 input:checkbox").attr('checked',false);
          //チェックボックスがクリックされると送信ボタン有効
           $(".sample01 label,.sample01 input").click(function(){
               if($(".sample01 input:checkbox").is(':checked')){
                   $(".sample02 input").css({opacity:"1",cursor:"pointer"}).removeAttr("disabled");
               }else{
                    $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
           }
       })
});
</script>
```
---------------------------------------------------------------------------------------------------
【追記 下記使用しているHTMLになります】
```
<div class="sample01">
<label><input type="checkbox"> 同意する<span>(同意するにチェックがついていないと移動できません。)</span></label>
</div>
<div class="sample02">
<a href=""><input type="image" src="./img/description00.jpg" alt=""></a>
</div>
```
  • JavaScript

    20936 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML

    11846 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • jQuery

    8339 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • HTML5

    5269 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

7 修正

shio

shio score 17

2017/02/01 11:47  投稿

jqueryがIE10だけ動作しないです。。
いつもお世話になっております。
下記コードを使用しチェックボックスにチェックが
入ったときだけバナーがリンクできる様にしております。
「IE10」以外のブラウザは正常に動いているのですが
なぜか「IE10」だけがチェックしてもバナーにリンクを繋いでくれません。。
すみませんが原因が分かる方がいらっしゃれば
教えて頂きたく思います。よろしくお願いします(;;)
---------------------------------------------------------------------------------------------------
```  
<script type="text/javascript">
$(function(){
          //送信ボタンの無効、チェックボックスを外す
           $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
           $(".sample01 input:checkbox").attr('checked',false);
          //チェックボックスがクリックされると送信ボタン有効
           $(".sample01 label,.sample01 input").click(function(){
               if($(".sample01 input:checkbox").is(':checked')){
                   $(".sample02 input").css({opacity:"1",cursor:"pointer"}).removeAttr("disabled");
               }else{
                    $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
           }
       })
});
</script>
```  
---------------------------------------------------------------------------------------------------
【追記 下記使用しているHTMLになります】
```  
<div class="sample01">
<label><input type="checkbox"> 同意する<span>(同意するにチェックがついていないと移動できません。)</span></label>
</div>
<div class="sample02">
<a href=""><input type="image" src="./img/description00.jpg" alt=""></a>
</div>
</div>
```
  • JavaScript

    20936 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML

    11846 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • jQuery

    8339 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • HTML5

    5269 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

6 修正

shio

shio score 17

2017/02/01 11:46  投稿

jqueryがIE10だけ動作しないです。。
いつもお世話になっております。
下記コードを使用しチェックボックスにチェックが
入ったときだけバナーがリンクできる様にしております。
「IE10」以外のブラウザは正常に動いているのですが
なぜか「IE10」だけがチェックしてもバナーにリンクを繋いでくれません。。
すみませんが原因が分かる方がいらっしゃれば
教えて頂きたく思います。よろしくお願いします(;;)
---------------------------------------------------------------------------------------------------
<script type="text/javascript">
$(function(){
          //送信ボタンの無効、チェックボックスを外す
           $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
           $(".sample01 input:checkbox").attr('checked',false);
          //チェックボックスがクリックされると送信ボタン有効
           $(".sample01 label,.sample01 input").click(function(){
               if($(".sample01 input:checkbox").is(':checked')){
                   $(".sample02 input").css({opacity:"1",cursor:"pointer"}).removeAttr("disabled");
               }else{
                    $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
           }
       })
});
</script>
---------------------------------------------------------------------------------------------------
【追記 下記使用しているHTMLになります】
<div class="sample01">
<label><input type="checkbox"> 同意する<span>(同意するにチェックがついていないと移動できません。)</span></label>
</div>
<div class="sample02">
<a href=""><input type="image" src="./img/description04.jpg" alt=""></a>
<a href=""><input type="image" src="./img/description00.jpg" alt=""></a>
</div>
  • JavaScript

    20936 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML

    11846 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • jQuery

    8339 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • HTML5

    5269 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

5 修正

shio

shio score 17

2017/02/01 11:46  投稿

jqueryがIE10だけ動作しないです。。
いつもお世話になっております。
下記コードを使用しチェックボックスにチェックが
入ったときだけバナーがリンクできる様にしております。
「IE10」以外のブラウザは正常に動いているのですが
なぜか「IE10」だけがチェックしてもバナーにリンクを繋いでくれません。。
すみませんが原因が分かる方がいらっしゃれば
教えて頂きたく思います。よろしくお願いします(;;)
---------------------------------------------------------------------------------------------------
<script type="text/javascript">
$(function(){
          //送信ボタンの無効、チェックボックスを外す
           $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
           $(".sample01 input:checkbox").attr('checked',false);
          //チェックボックスがクリックされると送信ボタン有効
           $(".sample01 label,.sample01 input").click(function(){
               if($(".sample01 input:checkbox").is(':checked')){
                   $(".sample02 input").css({opacity:"1",cursor:"pointer"}).removeAttr("disabled");
               }else{
                    $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
           }
       })
});
</script>
---------------------------------------------------------------------------------------------------
【追記 下記使用しているHTMLになります】
<div class="sample01">
<label><input type="checkbox"> 同意する<span>(同意するにチェックがついていないとユーザ登録フォームへは移動できません。)</span></label>
<label><input type="checkbox"> 同意する<span>(同意するにチェックがついていないと移動できません。)</span></label>
</div>
<div class="sample02">
<a href=""><input type="image" src="./img/description04.jpg" alt=""></a>
</div>
  • JavaScript

    20936 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML

    11846 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • jQuery

    8339 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • HTML5

    5269 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

4 修正

shio

shio score 17

2017/02/01 11:45  投稿

jqueryがIE10だけ動作しないです。。
いつもお世話になっております。
下記コードを使用しチェックボックスにチェックが
入ったときだけバナーがリンクできる様にしております。
「IE10」以外のブラウザは正常に動いているのですが
なぜか「IE10」だけがチェックしてもバナーにリンクを繋いでくれません。。
すみませんが原因が分かる方がいらっしゃれば
教えて頂きたく思います。よろしくお願いします(;;)
---------------------------------------------------------------------------------------------------
<script type="text/javascript">
$(function(){
          //送信ボタンの無効、チェックボックスを外す
           $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
           $(".sample01 input:checkbox").attr('checked',false);
          //チェックボックスがクリックされると送信ボタン有効
           $(".sample01 label,.sample01 input").click(function(){
               if($(".sample01 input:checkbox").is(':checked')){
                   $(".sample02 input").css({opacity:"1",cursor:"pointer"}).removeAttr("disabled");
               }else{
                    $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
           }
       })
});
</script>
---------------------------------------------------------------------------------------------------
【追記 使用しているHTMLになります】
【追記 下記使用しているHTMLになります】
<div class="sample01">
<label><input type="checkbox"> 同意する<span>(同意するにチェックがついていないとユーザ登録フォームへは移動できません。)</span></label>
</div>
<div class="sample02">
<a href=""><input type="image" src="./img/description04.jpg" alt=""></a>
</div>
  • JavaScript

    20936 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML

    11846 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • jQuery

    8339 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • HTML5

    5269 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

3 修正

shio

shio score 17

2017/02/01 11:45  投稿

jqueryがIE10だけ動作しないです。。
いつもお世話になっております。
下記コードを使用しチェックボックスにチェックが
入ったときだけバナーがリンクできる様にしております。
「IE10」以外のブラウザは正常に動いているのですが
なぜか「IE10」だけがチェックしてもバナーにリンクを繋いでくれません。。
すみませんが原因が分かる方がいらっしゃれば
教えて頂きたく思います。よろしくお願いします(;;)
---------------------------------------------------------------------------------------------------
<script type="text/javascript">
$(function(){
          //送信ボタンの無効、チェックボックスを外す
           $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
           $(".sample01 input:checkbox").attr('checked',false);
          //チェックボックスがクリックされると送信ボタン有効
           $(".sample01 label,.sample01 input").click(function(){
               if($(".sample01 input:checkbox").is(':checked')){
                   $(".sample02 input").css({opacity:"1",cursor:"pointer"}).removeAttr("disabled");
               }else{
                    $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
           }
       })
});
</script>
---------------------------------------------------------------------------------------------------
【追記 使用しているHTMLになります】
<div class="sample01"><label><input type="checkbox"> 同意する<span>(同意するにチェックがついていないとユーザ登録フォームへは移動できません。)</span></label></div>
<div class="sample01">
<label><input type="checkbox"> 同意する<span>(同意するにチェックがついていないとユーザ登録フォームへは移動できません。)</span></label>
</div>
<div class="sample02">
<a href=""><input type="image" src="./img/description04.jpg" alt=""></a>
</div>
  • JavaScript

    20936 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML

    11846 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • jQuery

    8339 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • HTML5

    5269 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

2 修正

shio

shio score 17

2017/02/01 11:44  投稿

jqueryがIE10だけ動作しないです。。
いつもお世話になっております。
下記コードを使用しチェックボックスにチェックが
入ったときだけバナーがリンクできる様にしております。
「IE10」以外のブラウザは正常に動いているのですが
なぜか「IE10」だけがチェックしてもバナーにリンクを繋いでくれません。。
すみませんが原因が分かる方がいらっしゃれば
教えて頂きたく思います。よろしくお願いします(;;)
---------------------------------------------------------------------------------------------------
<script type="text/javascript">
$(function(){
          //送信ボタンの無効、チェックボックスを外す
           $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
           $(".sample01 input:checkbox").attr('checked',false);
          //チェックボックスがクリックされると送信ボタン有効
           $(".sample01 label,.sample01 input").click(function(){
               if($(".sample01 input:checkbox").is(':checked')){
                   $(".sample02 input").css({opacity:"1",cursor:"pointer"}).removeAttr("disabled");
               }else{
                    $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
           }
       })
});
</script>
---------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------
【追記 使用しているHTMLになります】
<div class="sample01"><label><input type="checkbox"> 同意する<span>(同意するにチェックがついていないとユーザ登録フォームへは移動できません。)</span></label></div>
<div class="sample02">
<a href=""><input type="image" src="./img/description04.jpg" alt=""></a>
</div>
  • JavaScript

    20936 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML

    11846 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • jQuery

    8339 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • HTML5

    5269 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

1 見やすくするため

shio

shio score 17

2017/02/01 11:28  投稿

jqueryがIE10だけ動作しないです。。
いつもお世話になっております。
下記コードを使用しチェックボックスにチェックが
入ったときだけバナーがリンクできる様にしております。
「IE10」以外のブラウザは正常に動いているのですが
なぜか「IE10」だけがチェックしてもバナーにリンクを繋いでくれません。。
すみませんが原因が分かる方がいらっしゃれば
教えて頂きたく思います。よろしくお願いします(;;)
 
 
---------------------------------------------------------------------------------------------------  
<script type="text/javascript">
$(function(){
          //送信ボタンの無効、チェックボックスを外す
           $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
           $(".sample01 input:checkbox").attr('checked',false);
          //チェックボックスがクリックされると送信ボタン有効
           $(".sample01 label,.sample01 input").click(function(){
               if($(".sample01 input:checkbox").is(':checked')){
                   $(".sample02 input").css({opacity:"1",cursor:"pointer"}).removeAttr("disabled");
               }else{
                    $(".sample02 input").css({opacity:"0.5",cursor:"default"}).attr("disabled","disabed");
           }
       })
});
</script>
</script>
---------------------------------------------------------------------------------------------------
  • JavaScript

    20936 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • HTML

    11846 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • jQuery

    8339 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • HTML5

    5269 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る