0

以下代码在单击 <div1> 时将 <div3> 添加到 html。单击 <div3> 然后在除 iPhone 之外的每个测试的网络浏览器上显示警报。适用于 Android，适用于 Safari/OSX：

<!doctype html>
<html>
<head>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function () {
    $('#div1').on('click', function(e) { 
        $('#div2').html('<div id="div3">Now Click Me!</div>'); 
    });
    $('#div2').on('click', '#div3', function(e) { alert('OLA!'); }); 
});
</script>
</head>
<body>
<div id='div1' style='border:black 1px solid; background:yellow'>CLICK ME</div>
<div id='div2'  style='border:black 1px solid; background:yellow; font-size:48px'/>
</body>
</html>

我希望找出为什么 Safari/iPhone 在这里表现不同，以及是否有办法解决这种行为。

4

1 回答 1

0

Ok, I found the issue. The click is not registering in div3 because div3 is transparent. Adding a background color to div3 works:

$('#div2').html('<div id="div3" style="background:pink;">Now Click Me!</div>');

Thanks for the help.

于 2012-10-10T14:28:05.800 回答