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，您需要更改其父级 div 的html，其父类为 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>");
}

关闭面板后，jQuery show（）不起作用

1 个答案: