php - 即使定向到文档加载，jQuery 也不会触发点击？

Question

我正在苦苦思索一个颜色选择器，因为我找不到一个具有我想要的功能的颜色选择器(你可能会认为现在所有可能的功能都已经包括在内，但我找不到一个支持 RGBA 输出且可调的颜色选择器alpha 级别)，我在编辑器启动时将加载当前颜色的脚本部分遇到问题。我不会用所有的代码让您感到厌烦，我会尽量保持基础。

首先，所有这些都在标准的 $(docuemnt).ready() 中，它所做的第一件事是用我的颜色选择器代码替换输入，然后它尝试运行 set_color 函数。

    $('.rgbapicker').each(function(){
        $(this).replaceWith(
            'This is all the display code, it's working fine.'
        )
        set_color('#'+$(this).attr('name')+' ',$(this).val())
    });

set_color 函数采用选定的变量，该变量控制您使用的颜色选择器和使用 tinycolor.js 转换的颜色 - 一个通过 toRgb() 函数传递 rgb alpha 的修改版本(而不是仅传递它在 .toRgbString() 函数中)。

    function set_color(selected,color){
        var color = tinycolor(color).toRgb();
        $(selected+'.disp_s_color_r').val(color.r); // This code
        $(selected+'.disp_s_color_g').val(color.g); // Changes the
        $(selected+'.disp_s_color_b').val(color.b); // Color selector
        $(selected+'.disp_s_color_a').val(color.a); // Display
        var color = tinycolor(color).toHsl();
        console.log(selected+' - '+color.h+' - '+color.s+' - '+color.l);
        var e = new jQuery.Event("click");
        e.pageX = 180;
        e.pageY = 180;
        $('.colorbase').trigger(e);

编辑器使用您单击的 hsl 光谱图像，然后协调鼠标并进行数学运算以将其全部弄清楚，这是一种非常基本的方法并且效果很好。当我点击编辑器时，它会正确更新(这里没有使用任何写的东西)，当我按下重置按钮时，它会触发此功能并正常工作(它会更新选择区域的 XY，突出显示您选择的颜色)但是当它加载到初始循环中时它不会触发。 set_color 函数运行，并更新编辑器中的显示，但选择器没有移动，并且由于该点击函数更新了所有预览和写入(未隐藏)输入的颜色，所以这些都没有更新。

初始的替换后循环调用和重置按钮调用之间没有区别，我什至检查了事件并且彼此之间存在精确的副本(我将它们复制到另一个程序并运行比较，它们是精确的 副本)。我已经尝试过在此处(以及在谷歌搜索问题时的其他地方)其他类似消息中发布的理想，包括让循环模拟点击重置按钮，但没有任何效果。

有什么想法吗？我只想让点击正确触发，否则它会是一堆代码来模拟点击，除了让脚本变大之外什么都不做(现在还没有完全 trim )。

Answer 1

既然 e 是一个窗口/文档事件，你不应该在文档上而不是在颜色选择器上触发它吗？

正如在 jQuery API 上看到的那样，有两个错误:

• 不要使用“new”关键字创建事件
• 在 body 元素上触发事件