JavaScript not working in IE

**robin01** · Yesterday 08:44

Hello,

The following Java script works in chrome, firefox but not in IE10. ANy thoughts on this?

HTML Code:

<script> 
	$(document).ready(function() { 
	       $('#btn_click').on('click', function() { 
	      var url = 'test.php';
	     $('#div1-wrapper').load(url + ' #div1'); 
	   }); 
	}); 
</script>

**Pullo** · Yesterday 11:06

Hi there,

There is nothing wrong with your script.
It works for me on IE7 - IE10 and all of the other major browsers.

This is the code I used to test (note if you include your JS at the bottom of the page you can do away with the call to $(document).ready())

index.html

HTML Code:

<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>jQuery load</title>
  </head>
  <body>
    <button id="btn_click">Button</button>
    <div id="div1-wrapper">This will be replaced.</div>

    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script>
      $('#btn_click').on('click', function() {
        var url = 'test.php';
        $('#div1-wrapper').load(url + ' #div1');
      });
    </script>
  </body>
</html>

test.php

PHP Code:


<div id="div1">Some random content!</div>

Could you maybe post a link to a page where we can see this not working in IE10.

**robin01** · Yesterday 17:25

i have a local web server installed.
strange problem...works in firefox but not in IE 8 or 10

Originally Posted by Pullo

Hi there,

There is nothing wrong with your script.
It works for me on IE7 - IE10 and all of the other major browsers.

This is the code I used to test (note if you include your JS at the bottom of the page you can do away with the call to $(document).ready())

index.html

HTML Code:

<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>jQuery load</title>
  </head>
  <body>
    <button id="btn_click">Button</button>
    <div id="div1-wrapper">This will be replaced.</div>

    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script>
      $('#btn_click').on('click', function() {
        var url = 'test.php';
        $('#div1-wrapper').load(url + ' #div1');
      });
    </script>
  </body>
</html>

test.php

PHP Code:


<div id="div1">Some random content!</div>

Could you maybe post a link to a page where we can see this not working in IE10.

**Pullo** · Yesterday 23:04

Hi there,

Originally Posted by robin01

i have a local web server installed.
strange problem...works in firefox but not in IE 8 or 10

Yeah, that is strange, especially as I am testing it on a local web server, too and the code I posted works fine for me in all IEs.

Could you post the code from your two files and I'll have a look at that.

User Tag List

Thread: JavaScript not working in IE

Thread Tools

Display

JavaScript not working in IE

Bookmarks

Bookmarks

Posting Permissions