Question

这是一段代码：

function go(k){
    alert("ok");
    $("#content_left_2").css({"background-color":"red"});
    alert("good");
}

当我按下此文本消息时出现“确定”并且在将颜色更改为红色之后，但在警告“好”之后它会消失并且我的所有文本颜色再次变为绿色。

<div class="left-side" id="content_left_2"><a  class="left-side1" href="http://localhost/codeigniter/index.php/project/main" onClick="go(2)">Досуг и спорт</a><br/></div>

当我关注href时，请转到此代码：

<?php 
 require 'shablon.php';
?>

shablon.php是我使用我的Jquery

的代码

Answer 1

您没有阻止功能中的默认操作，因此页面会重新加载。

这样做：

function go(k){
    alert("ok");
    $("#content").css({"background-color":"red"});
    alert("good");
    // return false here to prevent the link being followed.
    return false;
}

Answer 2

当用户点击a元素时，无论您是否愿意，该页面都将基本上转到该链接。

由于您使用的是jQuery，因此分配一个事件处理程序可以帮助您轻松完成此任务：

function go(k){
  alert("ok");
  $("#content").css({"background-color":"red"});
  alert("good");
}

$('.left-side1').click(function(e) {
    e.preventDefault();
    go(2);
});

jsFiddle

Answer 3

onclick处理程序必须返回false以防止默认操作，在这种情况下加载由href寻址的页面。

<div class="left-side" id="content_left_2"><a  class="left-side1" href="http://localhost/codeigniter/index.php/project/main" onClick="return go(2);">Досуг и спорт</a><br/></div>

和

function go(k){
    alert("ok");
    $("#content_left_2").css({"background-color":"red"});
    alert("good");
    return false;
}

JQuery不保存我的数据

3 个答案: