JavaScript 只运行一次

Question

该脚本仅运行一次。我单击一个按钮，它会更改菜单。我单击另一个按钮，但它没有执行任何操作。我测试了这个，两个按钮都按第一个而不是第二个。

function deelnemersmenu(optie) {
    if (optie == "deelnemers") {
        var menuHtml = "<div class='profielmenu_item_current' id='deelnemers_item_deelnemers' onclick='deelnemersmenu('deelnemers')'>Deelnemers</div><div class='profielmenu_item' id='deelnemers_item_bedrijven' onclick='deelnemersmenu('bedrijven')'>Bedrijven</div>";
    } else if (optie == "bedrijven") {
        var menuHtml = "<div class='profielmenu_item' id='deelnemers_item_deelnemers' onclick='deelnemersmenu('deelnemers')'>Deelnemers</div><div class='profielmenu_item_current' id='deelnemers_item_bedrijven' onclick='deelnemersmenu('bedrijven')'>Bedrijven</div>";
    }

    //when I leave the document etcera line out the script runs every time (getting the yeah message)
    document.getElementById('deelnemersmenu').innerHTML = menuHtml;
    alert("yeah");
}

Answer 1

更改:

 ".. onclick='deelnemersmenu('deelnemers')' .. " 

至

 ".. onclick='deelnemersmenu(\"deelnemers\")' .. "

它会起作用的。确保您已在任何位置更改它!

<小时/>

我的测试代码:

<script>
var menuHtml = "<div class='profielmenu_item_current' id='deelnemers_item_deelnemers' onclick='deelnemersmenu(\"deelnemers\")'>Deelnemers</div><div class='profielmenu_item' id='deelnemers_item_bedrijven' onclick='deelnemersmenu(\"bedrijven\")'>Bedrijven</div>";

document.write(menuHtml);

function deelnemersmenu(x){
 alert(x);  
}
</script>