jQuery的跨瀏覽器支持問題

我才知道，jquery supports all including old browsers jQuery的跨瀏覽器支持問題

但我嘗試添加一個佔位符的搜索框，它不是在IE8

工作

jQuery(document).ready(function(){ 
    $('#search').attr('placeholder','search....');       
});

所以我想更多地瞭解跨瀏覽器支持。如所說的那樣，它實際上還是不工作？

我知道HTML屬性placeholder不支持。但我的問題是關於jQuery。

來源

2013-11-01 Bhojendra Nepal

IE8以下

<input type="text" value="search..." onfocus="if(this.value == 'search...') this.value = '';" onblur="if(this.value == '') this.value = 'search...';" />

??用火殺死它！！：p – coolguy

您似乎濫用佔位符屬性來替代''元素。 [規範]（http://www.w3.org/TR/html5/forms.html#the-placeholder-attribute）禁止。 – Quentin

我似乎假設jquery使用自己的定義超出了html，但有這個問題來了解jquery只是解析dom ...... –

IE8這麼想的支持佔位符

只有IE10 +支持此屬性

但如果你真的想有佔位符看看這個jQuery插件https://github.com/mathiasbynens/jquery-placeholder

來源

2013-11-01 08:20:09 zzlalani

由於不支持以上佔位符。
因此，將以下代碼/註釋添加到HTML頁面的頭部。現在ie8會很好地發揮。

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> 
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
<!--[if lt IE 9]> 
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 
<![endif]-->

來源

2013-11-01 08:24:14

什麼是HTML5 Shim和Respond.js？請簡要討論一下HTML5 Shim和Respond.js，以及何時需要這2個？謝謝 – Mou

這裏的問題不是JQuery，而是佔位符屬性本身。請參閱this chart以解答您的問題：否，IE8不支持placeholder attribute。

來源

2013-11-01 08:24:35 yPhil

佔位符是未通過IE8

使用支持的HTML5特徵使用jquery

<input type="text" class="my-input" value="" /> 

    <script type="text/javascript"> 

     $(document).ready(function() { 
      $('.my-input').val('search...'); 
      $('.my-input').focus(function() { 
       if (this.value == 'search...') this.value = ''; 
      }); 
      $('input.my-input').blur(function() { 
       if (this.value == '') this.value = 'search...' 
      }); 
     }); 
     /* 
     here I assumed a class 
     .my-input 

     you can use input#id or input.className or other selector 

     better you give the code of your text-box or entire form so that I can give you the exact selector 

     */ 
    </script>

來源

2013-11-01 08:34:50

我怎麼能做到這一點與jquery因爲我不能編輯標記 –

jQuery的跨瀏覽器支持問題

回答

相關問題