2014-01-04 4 views
2

jQuery append отлично работает для всех современных браузеров, но для ie8 он не работает отлично.IE8: jQuery append не работает

есть один выпуск. Я хочу добавить гиперссылку. он отлично работает, но в IE он не добавляет Hyperlink.

вот мой код:

<div id="recent-posts-2" class="sidebar_wrapper widget_recent_entries widget">     

    <div class="sidebar_title clearfix"> 

     <h3 class="fl widget-title">Recent Posts</h3> 

    </div> 

    <ul class="news_ul clearfix"> 

     <li> 
      <span class="post-date">June 3, 2013</span> 
      <a href="http://domain.com/wood/china-conference-optional-tours/">China Conference &amp; optional tours</a> 

     </li> 

     <li> 
      <span class="post-date">March 8, 2013</span> 
      <a href="http://domain.com/wood/hello-world/">Russia: Forest Industry Competitiveness &amp; Export Outlook</a> 
     </li> 

     <li> 
      <span class="post-date">March 1, 2012</span> 

      <a href="http://domain.com/wood/u-s-moulding-market-supply-options-outlook-to-2017/">U.S. Moulding Market &amp; Supply Options: Outlook to 2017</a> 

     </li> 

    </ul> 
</div> 
<script> 
    jQuery(function() { 

     jQuery('.widget_recent_entries .sidebar_title').append('<a href="<?php echo site_url(); ?>/news" class="fr news_more">more <i class="fa fa-arrow-circle-right"></i></a>'); 


    }); 

</script> 

вы можете проверить это jsbin для IE8 это не прилагая гиперссылку. нужна помощь.!

jsbin

+0

Вы отредактировали вопрос, чтобы изменить код согласно предложению Томми, но не обновить ссылку jsbin, чтобы соответствовать. Это изменение решило проблему или нет? – nnnnnn

ответ

5

У вас не хватает закрывающий тег в вашем JQuery.

</i></a> 

Addtionally, IE11 (режим края), кажется, дроссель на звонки типа jquery(document).ready. Тем не менее, переход к методу быстрого доступа $(function(){code});, похоже, работает отлично. Javascript ниже был протестирован и подтвержден для работы с Chrome, IE8 +.

$(function(){ 
    $('.widget_recent_entries .sidebar_title').append('<a href="<?php echo site_url();?>/news" class="fr news_more">more <i class="fa fa-arrow-circle-right"></i></a>'); 
    }); 

Наконец, имейте в виду, что JQuery 2.X работает только с IE9 и выше (который был не вопрос здесь, но дружеское напоминание о том, чтобы те, которые могут посетить в будущем).

http://jsbin.com/isAgEXAX/12/edit

+0

проверить код jsbin http://jsbin.com/isAgEXAX/1/edit –

+0

@JackTorris Все еще не хватает этого закрывающего тега. Новые браузеры будут более прощать сломанный html. Добавьте в конец строки, чтобы исправить IE 8 – Tommy

+0

, поэтому вы хотите сказать, что он не работал, потому что не был добавлен? –

Смежные вопросы