Javascript 占位符值为'；我不在IE8工作

我已经创建了网页使用html，css和jQuery

我修复了IE8中的最大问题。但我仍在为表格中的占位符值而挣扎

为此我试过

我在头标签中添加了以下脚本：

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-placeholder/2.0.8/jquery.placeholde‌​r.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

在关闭body标签之前，我添加了输入：

<script>$('input, textarea').placeholder();</script>

$（'input，textarea'）。占位符（）；

上面这些脚本放在my index.html中

这是header.html：

<form action="#" method="get" id="search-form" role="search" class="large--right">
         <input name="q" type="text" id="search-field" placeholder="Search store..." class="hint">
         <button type="submit" value="" name="submit" id="search-submit" class="icon-fallback-text">
         <span class="icon icon-search" aria-hidden="true"></span>
         <span class="fallback-text">Search</span>
         </button>
      </form>

搜寻

但是没用，我可以知道，这些都是正确的。。如果没有，你能给我一些建议吗

---

提前感谢。

将JS文件复制到本地环境时，我得到了一个非常奇怪的占位符JS代码URL：

http://cdnjs.cloudflare.com/ajax/libs/jquery-placeholder/2.0.8/jquery.placeholde%C3%A2%E2%82%AC%C5%92%C3%A2%E2%82%AC%E2%80%B9r.min.js

尝试复制此URL（看起来相同，但您的URL中有一些奇怪的字符）：

---

将JS文件复制到我的本地环境时，我得到了一个非常奇怪的占位符JS代码URL：

http://cdnjs.cloudflare.com/ajax/libs/jquery-placeholder/2.0.8/jquery.placeholde%C3%A2%E2%82%AC%C5%92%C3%A2%E2%82%AC%E2%80%B9r.min.js

尝试复制此URL（看起来相同，但您的URL中有一些奇怪的字符）：

或

或

或

或

使用插件

检查此处占位符的演示->

使用此代码

<!--[if lte IE 10]>
      <script type="text/javascript" src="http://linux.aress.net/smudev/js/nwxforms.js"></script>    
      <script type="text/javascript">window.onload = Function('nwxforms(this)');</script>
  <![endif]-->

从我的网站获取JS

我建议您从这里获取JS文件。然后放入文件夹并使用相对路径，如：

使用插件

检查此处占位符的演示->

使用此代码

<!--[if lte IE 10]>
      <script type="text/javascript" src="http://linux.aress.net/smudev/js/nwxforms.js"></script>    
      <script type="text/javascript">window.onload = Function('nwxforms(this)');</script>
  <![endif]-->

从我的网站获取JS

我建议您从这里获取JS文件。然后放入文件夹并使用相对路径，如：

我认为这里不需要任何jquery占位符插件

Chrome、firefox和IE10+已经支持文本字段的

placeholder

属性

因此，您尝试查找占位符的唯一浏览器是IE8和IE9

获得类似占位符的设计的大部分工作都可以使用css完成。然后，为了触发按键事件，需要javascript

这是一个

CSS

label {
    position: absolute;
    z-index: 0;
    left: 0px;
    color: #CCC;
    top: 0px;
    padding: 2px;
}
.input-wrapper {
    position: relative;
    display: inline-block;
}

HTML

<form action="#" method="get" id="search-form" role="search" class="large--right">
    <div class="input-wrapper">
        <input name="q" type="text" id="search-field" class="hint"></input>
        <label id="label-search-field" for="search-field">Search store...</label>
    </div>
    <button type="submit" value="" name="submit" id="search-submit" class="icon-fallback-text"> <span class="icon icon-search" aria-hidden="true"></span>
 <span class="fallback-text">Search</span>

    </button>
</form>

---

我认为这里不需要任何jquery占位符插件

Chrome、firefox和IE10+已经支持文本字段的

placeholder

属性

因此，您尝试查找占位符的唯一浏览器是IE8和IE9

获得类似占位符的设计的大部分工作都可以使用css完成。然后，为了触发按键事件，需要javascript

这是一个

CSS

label {
    position: absolute;
    z-index: 0;
    left: 0px;
    color: #CCC;
    top: 0px;
    padding: 2px;
}
.input-wrapper {
    position: relative;
    display: inline-block;
}

HTML

<form action="#" method="get" id="search-form" role="search" class="large--right">
    <div class="input-wrapper">
        <input name="q" type="text" id="search-field" class="hint"></input>
        <label id="label-search-field" for="search-field">Search store...</label>
    </div>
    <button type="submit" value="" name="submit" id="search-submit" class="icon-fallback-text"> <span class="icon icon-search" aria-hidden="true"></span>
 <span class="fallback-text">Search</span>

    </button>
</form>

---

---

你在这里看到的错误是什么？还有，你的HTML是什么？也许加载

jquery.placeholde‌​r、 min.js

在

jquery.min.js

之后？检查开发人员控制台是否有错误。@AlexanderO'Mara:我替换了。。但还是一样。有人能帮我吗？你应该试试jquery的旧版本，它支持IE8（1.10.1）。您正在使用的版本（2.1.3）不支持IE8。您在这里看到的错误是什么？还有，你的HTML是什么？也许加载

jquery.placeholde‌​r、 min.js

在

jquery.min.js

之后？检查开发人员控制台是否有错误。@AlexanderO'Mara:我替换了。。但还是一样。有人能帮我吗？你应该试试jquery的旧版本，它支持IE8（1.10.1）。您正在使用的版本（2.1.3）不支持IE8。是的，我仍然认为URL中有一个隐藏的占位符字符。使用我发布的内容更新URL，确保在占位符之前加载jQuery，并向下移动到jQuery 1.10.1（由于IE8支持）。在这些修复之后，我不会在使用你的代码时遇到任何错误。我能做的最好的事情就是在IE8模式下使用IE11。我确实在jQuery 2.0.8中看到了一个错误，但是向下移动到1.10.1（正如@Mr_Green所建议的）可以消除任何错误。是的，我仍然认为URL中有一个隐藏的占位符字符。使用我发布的内容更新URL，确保在占位符之前加载jQuery，并向下移动到jQuery 1.10.1（由于IE8支持）。在这些修复之后，我不会在使用你的代码时遇到任何错误。我能做的最好的事情就是在IE8模式下使用IE11。我确实看到jQuery2.0.8有一个错误，但是向下移动到1.10.1（正如@Mr_Green所建议的）可以消除任何错误。。但是我只是在我的页面上尝试了一下，你能帮我一下吗，如何使用。。我可以从你的链接下载zip文件吗？真的：）我在所有项目中都使用过它。检查这里我的IE9预览，你清除浏览器缓存，你可能错过了一些东西！我没有ie9，10。。为此，我使用浏览器堆栈。。在浏览器堆栈窗口7->ie9不工作..@rani，嗨，妈妈，忘记浏览器堆栈吧！我们公司的3名测试人员在IE8、IE9、IE10和更高版本的机器上的真实浏览器上进行了测试，并且没有占位符问题。所以总是在真实浏览器上测试，而不是在browserstack上测试？告诉我“

你的客户会在Browserstack上看到网站还是在他们的PC上看到真正的网络浏览器IE？？？

”它工作正常ie8。。但是我只是在我的页面上尝试了一下，你能帮我一下吗，如何使用。。我可以从你的链接下载zip文件吗？真的：）我在所有项目中都使用过它。检查这里我的IE9预览，你清除浏览器缓存，你可能错过了一些东西！我没有ie9，10。。为此，我使用浏览器堆栈。。在浏览器堆栈窗口7->ie9不工作..@rani，嗨，妈妈，忘记浏览器堆栈吧！我们公司的3名测试人员在IE8、IE9、IE10和更高版本的机器上的真实浏览器上进行了测试，并且没有占位符问题。所以总是在真实浏览器上测试，而不是在browserstack上测试？告诉我“

你的客户会在Browserstack上看到网站还是在他们的PC上看到真正的web浏览器IE？？？

”@rani我对nwxforms不太了解，但我想如果你只是想支持IE8中的占位符，那么现在就不需要nwxforms.js了。@rani我对nwxforms不太了解，但是我想如果你只是想支持p