bootstrap框架在列表使用onclick事件导致顶部菜单消失解决

在使用bootstrap框架的时候为了能在列表实现点击增加了点击事件，使用后发现顶部的菜单消失，下面是解决办法

如果使用onclick方法点击后导致顶部菜单消失，这可能是因为点击事件触发后，浏览器执行了默认的跳转行为，导致页面发生刷新。为了解决这个问题，可以尝试在onclick事件处理函数中使用event.preventDefault()方法来阻止默认跳转行为。这样可以防止页面刷新，保持菜单的可见性。

  {
        title:''+queryI18n("userinfo.idserial2")+'',
        //身份证号
        field:'identityno',
        align:'center',
        width:"5%",
        formatter: function (value, row, index) {
            const maskedValue = '******';
            return `<a href="#" οnclick="handleIdentityClick(event, '${value}')">${maskedValue}</a>`;
        }
    }

通过在onclick事件处理函数中传递event参数，并调用event.preventDefault()方法，可以阻止默认跳转行为。这样菜单将保持可见，同时你可以在handleIdentityClick方法中处理其他逻辑。

请注意，event.preventDefault()方法需要在事件处理函数中使用，并且event参数需要在调用时传递进去。

尝试使用这种方式，看看是否能够解决菜单消失的问题，并实现通过点击触发handleIdentityClick方法。

// 点击事件处理函数
function handleIdentityClick(event, identityNo) {
    event.preventDefault(); // 阻止默认跳转行为
    IDENTITYNO = identityNo
    var title = queryI18n("changenocard.idserial2");
    dialog = art.dialog({
        className: "g-dialog g-middle-dialog",
        warning: true,
        width: 600,
        height: "auto",
        padding: "0 0",
        title: title,
        content: $(".modal-box66").html(),
        lock: true,
        init: function () {
            this._reset();
        }
    });
}