精华好帖回顾
· 你是读什么书长大的 (2007-12-20) astina	· 参加活动～厨具财年秀【大白菜收获的季节】 ❤奉送美食作法❤ ♬♬♬ (2013-7-2) 黑芝麻狐儿
· 呆呆买房记---我们在"远东"的家(填坑完毕) (2007-11-17) daidailx	· 主妇的HPT体验 (2008-7-24) hero妈

查看: 1232|回复: 7

jquery IE9 呼唤高手(已解决) [复制链接]

头像被屏蔽

发表于 2012-3-1 22:16 |显示全部楼层

此文章由 atransformer 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 atransformer 所有！转贴必须注明作者、出处和本声明，并保持内容完整

<html>
<head>
<style type="text/css">
      .HighLight
      {
         background-color:Yellow;
      }
      #Text_Special
      {
         width: 500px;
      }
      .Hidden
      {
         display:none;
      }
</style>
</head>
<body>

<div>
      <input id="Text0" type="text" />
      <br />
      <input id="Text_Special" type="text" class="special" />
      <div id="HiddenDiv" class="special">
         <ul class="special">
            <li  class="special">Frank is a bad man.</li>
            <li  class="special">Frank is not a good man.</li>
            <li  class="special">Frank is not a man.</li>
         </ul>
      </div>
      <br />
      <input id="Text2" type="text" />
      <br />
      <input id="Text3" type="text" />
      <br />
      <input id="Text4" type="text" />
      <br />
      <input id="Text5" type="text" />
      <br />
      <input id="Text6" type="text" />
</div>

<script type="text/javascript" src="jquery-1.7.1.min.js"> </script>
<script type="text/javascript">
      $(document).ready(function () {
         $("#HiddenDiv").addClass('Hidden');
         $("*").focus(function () {
            if ($(this).is('.special')) {
                  $("#HiddenDiv").removeClass('Hidden');
            }
            else {
                  $("#HiddenDiv").addClass('Hidden');
            }

         });

         $("li").mouseout(function () {
            $(this).removeClass('HighLight');
         }).mouseover(function () {
            $(this).addClass('HighLight');
         }).click(function () {
            $('#Text_Special').val($(this).text());
         });
      });
</script>

</body>
</html>

[ 本帖最后由 atransformer 于 2012-3-2 08:45 编辑 ]

atransformer

头像被屏蔽

禁止访问

发表于 2012-3-1 22:17 |显示全部楼层

chrome , Firefox 都没问题。

此文章由 atransformer 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 atransformer 所有！转贴必须注明作者、出处和本声明，并保持内容完整

到了IE9,就不干活了。

何解？？

高手快来，谢谢！！！

showen

皮靴族

发表于 2012-3-1 22:24 |显示全部楼层

此文章由 showen 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 showen 所有！转贴必须注明作者、出处和本声明，并保持内容完整

试试这个 http://jsfiddle.net/8MYTa/1/

从来没用过 $("*")

atransformer

头像被屏蔽

禁止访问

发表于 2012-3-1 22:29 |显示全部楼层

此文章由 atransformer 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 atransformer 所有！转贴必须注明作者、出处和本声明，并保持内容完整

原帖由 showen 于 2012-3-1 22:24 发表
试试这个 http://jsfiddle.net/8MYTa/1/

从来没用过 $("*")

在 jsfiddle 里干活。单独用 ie 打开，就不行了。为啥？

showen

皮靴族

发表于 2012-3-1 22:34 |显示全部楼层

此文章由 showen 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 showen 所有！转贴必须注明作者、出处和本声明，并保持内容完整

我试过可以啊
只改 * -〉 input

atransformer

头像被屏蔽

禁止访问

发表于 2012-3-1 22:55 |显示全部楼层

谢谢楼上二位。

此文章由 atransformer 原创或转贴，不代表本站立场和观点，版权归 oursteps.com.au 和作者 atransformer 所有！转贴必须注明作者、出处和本声明，并保持内容完整

解决了

$(document).ready(function () {
         $("#HiddenDiv").addClass('Hidden');
         $("*").focus(function () {
            if ($(this).is('.special')) {
                  $("#HiddenDiv").removeClass('Hidden');
            }
            else {
                  if (!$(this).is('body'))
                     $("#HiddenDiv").addClass('Hidden');
            }

         });

         $("li").mouseout(function () {
            $(this).removeClass('HighLight');
         }).mouseover(function () {
            $(this).addClass('HighLight');
         }).click(function () {
            $('#Text_Special').val($(this).text());
         });
      });