Question

我有以下代码：

<!DOCTYPE html>
<html>
<head>

<link rel="stylesheet" href="css/tau.css">
<link rel="stylesheet" href="css/style.css">
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>

</head>
<body onload="clickButton();">
<div class="ui-page" id="page_webkitui">
    <header class="ui-header">
        <h2 class="ui-title">Webkit UI demos</h2>
    </header>

    <div class="sample">

        <input type="time" id="input_webkitui_hiddentime"
            style="visibility: hidden; width: 50px"></input>
        <div>
            Hidden time:
            <button class="ui-btn" id="button_webkitui_hiddendateopener"
                style="display: block" onclick="alertTime()">Open timepicker</button>
            <span id="webkitui_hiddentime_value"></span>
        </div>
        <script>

        function alertTime() {
            alert("fff");
            var btn = document.getElementById("button_webkitui_hiddendateopener"), 
            itime = document.getElementById("input_webkitui_hiddentime"), 
            val = document.getElementById("webkitui_hiddentime_value");
            btn.click();
            btn.addEventListener("click", function(e) {
                        itime.click();
            });
            itime.addEventListener("change",function(ev) {
                        val.innerText = itime.value;
                    });

            }


        function clickButton() {
                $(function() {
                    document.getElementById('button_webkitui_hiddendateopener').click();
                    //$('#button_webkitui_hiddendateopener').click();
                });
        }

            (function() {
                var page = document.getElementById("page_webkitui");
                page.addEventListener(
                                "pagecreate",
function(ev) {
var btn = document.getElementById("button_webkitui_hiddendateopener"), 
itime = document.getElementById("input_webkitui_hiddentime"), 
val = document.getElementById("webkitui_hiddentime_value");
    btn.addEventListener("click", function(e) {
                        itime.click();
            });
    itime.addEventListener("change",function(ev) {
                        val.innerText = itime.value;
                    });
                                });
            }());
        </script>

    </div>
</div>


<script type="text/javascript" src="js/tau.js"></script>
</body>
</html>

我想＆＃34;强迫＆＃34;加载页面后点击 button_webkitui_hiddendateopener 按钮...（时间戳通常显示为新窗口）。

我实现了两个函数clickButton（）和alertTime（），结果是：只显示了ffff警报，但时间戳的新窗口没有显示。

出了什么问题？提前谢谢！

Answer 1

$(document).ready( function() {
   $('#button_webkitui_hiddendateopener').trigger("click");
});

使用触发器http://api.jquery.com/trigger/
的 Live Demo

如何模拟点击事件

1 个答案: