WordPress的onClick功能在li标签中不起作用，发布了链接

Question

I am updating a wordpress website and for some reason, this onClick function is no longer working. Here it is in the html:

    <div class="monthes">
        <!--<div class="location_title">Great Wall Hiking Locations</div>-->
        <div class="month_list">
            <ul class="month">
            <?php for($i=1; $i<=12; $i++){
                if($i!=$cur_month)
                   echo "<li onclick=\"tabTurn(this, 'on', 'month_desc');\" class=\"off\">$month[$i]</li>";
                else
                   echo "<li onclick=\"tabTurn(this, 'on', 'month_desc');\" class=\"on\">$month[$i]</li>";
            }?>
            </ul>
        </div>
    </div>

And here is the function:

function tabTurn(presObj, classon, showdiv){
    var pObj = presObj.parentNode;
    var items =pObj.getElementsByTagName('li');

    for(var i=0; i<items.length; i++){
        var n = i + 1;
        var cntDiv = $('location_desc_' + n);
        //alert(cntDiv);
        if(items[i] == presObj){
            items[i].className=classon;
            cntDiv.className = showdiv;
        }
        else{
            items[i].className='off';
            cntDiv.className = 'undis';
        }
    }
}

Does anyone know why this would stop working? Is there a way I can get rid of this inline onClick and just do it with javascript and not php? The issue can be found at this link here: http://staging.chinahiking.cn/agenda/

As you can see, the onclick is actually working and turning the months on/off, but the tabBurn function isn't working

Answer 1

You can use a passive event listener:

$(document).on("click", "class-name", function(){tabTurn(this, 'on', 'month_desc');});

where as "class-name" you need to add a class name to your <li> element (or an id)