jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 当你点击它时,你如何关闭虹膜颜色选择器?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在wordpress插件中使用 iris colour picker.我可以让它显示然后显示相关输入中的点击值就好了,但是有问题……

我无法摆脱盒子!当你点击它时,有没有办法让盒子消失?

我正在使用这个简单的调用调用虹膜 –

jQuery(document).ready(function($){
    $('.colour-picker').iris();
});

常识告诉我,我应该能够将此作为选项传递给.iris()函数以满足此特定需求,但我在docs中找不到对此类选项的任何引用.

我发现的壁橱是你可以调用一个hide方法,但它列出的是$(element).iris(‘hide’);,根本没有解释如何将它链接调用iris的特定输入第一步,或如何检测用户是否已点击虹膜

有没有人使用虹膜,知道如何实现我想做的事情?谢谢.

附加 – 这是一个@L_674_16@,演示了所描述的问题.可以在JS部分的底部找到调用iris的Js.

解决方法

你可以尝试这样的事情:

jQuery(document).ready(function ($) {    
    $('.colour-picker').iris();    
    $(document).click(function (E) {
        if (!$(e.target).is(".colour-picker,.iris-picker,.iris-picker-inner")) {
            $('.colour-picker').iris('hide');
            return false;
        }
    });
    $('.colour-picker').click(function (event) {
        $('.colour-picker').iris('hide');
        $(this).iris('show');
        return false;
    });
});

Updated fiddle

大佬总结

以上是大佬教程为你收集整理的jquery – 当你点击它时,你如何关闭虹膜颜色选择器?全部内容,希望文章能够帮你解决jquery – 当你点击它时,你如何关闭虹膜颜色选择器?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。