Question

以下功能适用于FireFox和Internet Explorer，但在Safari中不起作用。在Safari中，当您点击时没有任何反应。

如何在Safari中修复该功能？

我已经检查过JavaScript是否已启用（已在3台不同的机器上测试过）。

非常感谢

<script>
function win() {
$("#main").remove();

$("#content_target").html('<div  style="z-index:2;background:url(img/frame_main.png) no-repeat;text-align:left;width:726px;height:491px;"><div id="target" style="padding:5% 5%;float:left"></div>  </div>');

$("#target").load("myphp.php", {variable1: "myvariable", variable2: 12}, function(){

$("#my_div").css('background', 'url("img/img_ACTI.png") no-repeat');
});
}
</script>

<div onclick="javascript:win();" ><a href="#">Click me</a></div>

Answer 1

尝试一下，将函数放入点击触发器......

<script>
    function win() {
    $("#main").remove();

    $("#content_target").html('<div  style="z-index:2;background:url(img/frame_main.png) no-repeat;text-align:left;width:726px;height:491px;"><div id="target" style="padding:5% 5%;float:left"></div>  </div>');

    $("#target").load("myphp.php", {variable1: "myvariable", variable2: 12}, function(){

    $("#my_div").css('background', 'url("img/img_ACTI.png") no-repeat');
    });
    }

    $("#clickMe").click(function(){
       win();
    });
    </script>

    <div id="clickMe" ><a href="#">Click me</a></div>

Answer 2

这应该有效：

<script>
    $("#clickme").click(function(event) {
        $("#main").remove();
        $("#content_target").html('<div style="z-index:2;background:url(img/frame_main.png) no-repeat;text-align:left;width:726px;height:491px;"><div id="target" style="padding:5% 5%;float:left"></div></div>');
        $("#target").load("myphp.php", {variable1: "myvariable", variable2: 12}, function(){
            $("#my_div").css('background', 'url("img/img_ACTI.png") no-repeat');
        });
        event.preventDefault();
    });
</script>

<div><a href="#" id="clickme">Click me</a></div>

功能在Safari中不起作用

2 个答案: