zoukankan      html  css  js  c++  java
  • 解决 Jquery UI Tooltip 用在Select 的BUG

    今天遇到一个奇葩问题,

    在chrome下一切正常的 页面,在IE 下Select无法选中!

    是的  ,就是无法选中!!!

    效果就是这样的。http://jsfiddle.net/slolife/dp4te/ 

    如果看不到效果请还IE浏览!!!IE....万恶的IE

    BUG是这样的

    当你点击

    Default behaviours

    下select的时候一切正常,但是 当你点击

    jQuery UI tooltips

    的sekect的时候奇迹就发生了....如果不是左键按着不放,我相信你肯定是选择不了值得!

    在百度了 一个多小时之后我几乎放弃了。

    已哭晕在电脑前......

    最后在晕之前一秒,我谷歌了一下。

    就这一下。。。

    奇迹出现了,第一个搜索结果出现如下网址

    http://jsfiddle.net/3akWN/89/

    我打开之后轻轻的点了下

    我的鼠标竟然选中了 3,真的选中了诶也。。。。。并且还有tooltip 提示效果。

    NICE。

    可算找到解决方法了。

    原来是 select 的属性 不能有title。 (不知道是不是对的,反正我加上title在IE就有问题)

    NND 

    去你妹的baidu....去你妹的IE....

    最后贴出解决代码

    <body>
    
        <select id="Dropdown" data-title="TESTING">
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
        </select>
    
    </body>
    $('#Dropdown').tooltip({
        items: "[data-title]",
        content: function() { return this.getAttribute("data-title"); },
        position: {
            my: "left top",
            at: "right bottom+5"
        }
    });
  • 相关阅读:
    java -jar 远程调试
    正则
    python2和3的区别
    javaw 运行jar 指定编码
    windows kill 结束指定端口进程
    linux 查看nginx 安装目录
    node-mysql中防止SQL注入
    实用资源库和工具,极大缩减开发时间
    浏览器地址栏运行JavaScript代码
    css垂直居中方案
  • 原文地址:https://www.cnblogs.com/178mz/p/4962535.html
Copyright © 2011-2022 走看看