javascript - jquery show () 在关闭面板后不起作用

Question

我在为 wordpress 构建的插件中有这个例程。问题是显示和隐藏表单的按钮不能正常工作。它仅在我关闭面板时有效，当我尝试再次单击以打开它时，没有任何反应，我在控制台中也没有看到任何错误。

EsconderPainelImportacao = function(){
    $('div#panel_mega_importer').hide();
    $('#link_btn_panel').html("<a href='javascript:void(0);' style='text- 
    decoration:none;' id='link_btn_panel' 
    onClick='MostarPainelImportacao();' title='Mostrar Painel'><i 
    id='hide_form_mega_importer' class='fas fa-eye'></i></a> Visualizar 
    Formulário Importação");
}

MostarPainelImportacao = function(){
    console.log($('div#panel_mega_importer').length);
    $('div#panel_mega_importer').show();
    $('#link_btn_panel').html("<a href='javascript:void(0);' style='text- 
    decoration:none;' id='link_btn_panel' 
    onClick='EsconderPainelImportacao();' title='Esconder Painel'><i 
    id='hide_form_mega_importer' class='fas fa-eye'></i></a>");
}

My Full code

Answer 1

查看您的完整代码，我可以看到您正在更改按钮本身的 HTML，您需要更改他的父级的 html，他是 div 类 col-md -12 。所以，尝试下一个修改:

EsconderPainelImportacao = function(){
    $('div#panel_mega_importer').hide();
    $('#link_btn_panel').parent().html("<a href='javascript:void(0);' style='text- 
    decoration:none;' id='link_btn_panel' 
    onClick='MostarPainelImportacao();' title='Mostrar Painel'><i 
    id='hide_form_mega_importer' class='fas fa-eye'></i></a> Visualizar 
    Formulário Importação");
}

MostarPainelImportacao = function(){
    console.log($('div#panel_mega_importer').length);
    $('div#panel_mega_importer').show();
    $('#link_btn_panel').parent().html("<a href='javascript:void(0);' style='text- 
    decoration:none;' id='link_btn_panel' 
    onClick='EsconderPainelImportacao();' title='Esconder Painel'><i 
    id='hide_form_mega_importer' class='fas fa-eye'></i></a>");
}