ie6和ie7提示脚本错误

我写了一段点击按钮就实现图片左右滚动的代码，在火狐和ie8都能正常运行，但在ie6和ie7中载入页面时老是弹出个窗口提示脚本错误，但能正确运行点击按钮左右滚动图片的效果。我不想在ie6和ie7中载入页面时老是出现这个弹出错误的问题，求助大神帮忙解决，谢谢了。下面是我写的代码：
<!-- [if lt IE9] --><!-- [endif] -->
<!-- [if gte IE9] --><!-- [endif] -->
<br> $(function(){</p> <pre><code>var i=0; var width=$(&#39;.product .center a&#39;).width(); var total_width=$(&#39;.product .center &#39;).width(); $(&#39;.product .left button&#39;).on(&#39;click&#39;,function(){ if(i==0){ i=-total_width+width; $(&#39;.product .center p&#39;).css(&#39;left&#39;,i); } else{ i=i+width; $(&#39;.product .center p&#39;).css(&#39;left&#39;,i); } }); $(&#39;.product .right button&#39;).on(&#39;click&#39;,function(){ i=i-width; if(i&lt;=-total_width){ i=0; $(&#39;.product .center p&#39;).css(&#39;left&#39;,i); } else{ $(&#39;.product .center p&#39;).css(&#39;left&#39;,i); } }); </code></pre> <p>});</p>