javascript - 单击该元素，但页面未相应地重新加载

Question

使用 phantom JS，我尝试单击 <li> element(target_element) 并渲染在其之后加载的页面。元素已成功单击。但是，在渲染时，刷新的页面在输出中看不到。我已经给出了足够的等待项目。代码是:

page.open(address, function (status) {
    if (status !== 'success') {
        console.log('Unable to load the address!');
        phantom.exit();
    } else {
        window.setTimeout(function () {
            page.evaluate(function() {
                document.getElementById('custom_filters').style.visibility = "hidden";
                var a = document.getElementById('target_element');
                var e = document.createEvent('MouseEvents');
                e.initMouseEvent('click', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
                console.log(a.dispatchEvent(e));
                waitforload = true;
            });
            page.render(output);
            phantom.exit();
        }, waitTime);
    }
});

这是否意味着该事件没有触发 JS 函数，或者我在这里做错了什么？

Answer 1

不，点击和渲染之间没有任何等待时间。 setTimeout 只需要围绕需要延迟的调用。

page.evaluate(function() {
    document.getElementById('custom_filters').style.visibility = "hidden";
    var a = document.getElementById('target_element');
    var e = document.createEvent('MouseEvents');
    e.initMouseEvent('click', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    console.log(a.dispatchEvent(e));
    waitforload = true;
});
window.setTimeout(function () {
    page.render(output);
    phantom.exit();
}, waitTime);