javascript - JQuery でデータが保存されない

Question

コードは次のとおりです。

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

このテキストメッセージを押すと「OK」が表示され、色が赤に変わった後、アラート「良い」が来ると消えて、すべてのテキストの色が再び緑になります。

<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

ユーザーがa要素をクリックすると、必要かどうかに関係なく、ページは基本的にそのリンクに移動します。

jQuery を使用しているため、イベント ハンドラーを割り当てるのは簡単です。

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

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

jsフィドル

Answer 2

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;
}