Skip to main content
October 7, 2013
Question

Jquery questions - IE9 compatibility issue

  • October 7, 2013
  • 1 reply
  • 774 views
I am trying to add a Custom Head HTML to give spacing to my form. The code is working fine in Chrome, Safari, Firefox and IE10 except for IE9. Please see my code below.

<script language="JavaScript" src="https://app.marketo.com/js/public/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript" language="Javascript">
// use no conflict mode for jQuery
if (typeof $jQ == 'undefined') { var $jQ = jQuery.noConflict();}
$jQ(document).ready(function($){
  // find the form input's li element
  $AddPad = $('#State').closest('li');
  // get the li's parent current padding value if it exists
  $curPad = parseInt($AddPad.css('padding-bottom'))  + 65;
  // set the new padding value
  $AddPad.css('padding-bottom',$curPad + 'px');
  $AddPad = $('#Contact_Status').closest('li');
  // get the li's parent current padding value if it exists
  $curPad = parseInt($AddPad.css('padding-bottom'))  + 75;
  // set the new padding value
  $AddPad.css('padding-bottom',$curPad + 'px');
})
</script>


Are there any compatibility issue for jquery code for IE9 browser?
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

1 reply

Level 10
October 8, 2013

Hi Ian,

 

Instead of using Jquery, to add spacing you can simply use CSS on the form tag in your code. This will be working fine in all browser versions.

If you need more help, please share the Page URL and we can share the CSS code accordingly.