javascript - JQuery 不保存我的数据

Question

这是一个代码：

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

当我按下此短信“ok”并在它变为红色后出现，但在警报“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

onlick 处理程序必须返回 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;
}