Question

点击按钮＆＃34;按钮1＆＃34; ，我们正在显示弹出b x并隐藏＆＃34; button1＆＃34; 。

但现在我们要显示＆＃34; button1 ＆＃34;一旦我们点击＆＃34; 关闭＆＃34; ＆＃34; 弹出框＆＃34;

的按钮

弹出关闭按钮代码

<a href="javascript:void(0)" class="close">
<input type="button" onclick="showDiv()" style="display:none;" />
</a>

function showDiv() {
   document.getElementById('aitcg-control-panel').style.display = "block";
}

button1代码

<div id="aitcg-control-panel"><button>button1</button></div>

修改

我尝试了这段代码：document.getElementById('aitcg-control-panel').style.display = "block";但它仍然适用于我......

Answer 1

这是你在找什么？我确信有更简洁的方法，但你的问题并不是很清楚。

＆＃13;

function showDiv() {
  document.getElementById('aitcg-control-panel').style.display = "block";
  document.getElementById('ShowDivButton').style.display = "none";
}

function hideDiv() {
  document.getElementById('aitcg-control-panel').style.display = "none";
  document.getElementById('ShowDivButton').style.display = "initial";
}

＆＃13;

div{
	width: 200px;
	height: 200px;
	background: red;
  display: none;
}

＆＃13;

<button id='ShowDivButton' onclick="showDiv()">Open Div</button>

<div id="aitcg-control-panel" >
  <button id='ShowDivButton' onclick="hideDiv()">Close Div</button>
</div>

＆＃13;

Answer 2

我真诚地没有完全理解你的问题。但是根据你所说的，我假设这是你想要的：

＆＃13;

function display(a) {
  //Hide the button
  a.style.display = "none";
  //You need setTimeout for the code to wait for the alert to show the button again
  setTimeout(function() {
    alert('ok');
    a.style.display = "block";
  }, 100);
}

＆＃13;

<button onclick="display(this);">Click me</button>

＆＃13;

希望它在某种程度上有所帮助，如果这不是你想要的，请回复。

Answer 3

为您的网站提供链接后。我可以告诉你它不适合你的原因。

点击保存设计即可删除 aitcg-control-panel 的代码这就是为什么你无法展示它的原因证明：在点击代码之前存在按钮div

点击保存设计后证明：代码不存在。这就是你无法展示的原因。

我调试了你的代码我发现了一个功能

 _getControlPanelHtml: function()
{
    if (this.config.editorEnabled) {
        var returnHtml = "";
                            returnHtml += '<div id="aitcg-control-panel" style="display:none">' +
            '<button onclick="return setproductlogin(\'null\', event);" class="aitcg-button apply-but" id="submit-editorApply-{{rand}}" title="{{apply_text}}">{{apply_text}}</button>' +
            '<button class="aitcg-button reset-but" id="submit-editorReset-{{rand}}" title="{{reset_text}}">{{reset_text}}</button>' +
            '</div>';
                    return returnHtml;
    }
    return '';
},

在此功能中，他们将返回＆＃39;＆＃39;;

请更改此功能或其他功能，以便为您提供与点击前相同的代码。

Answer 4

在查看您提供的网站后，我发现您想要重新显示的元素已从页面中删除。

为什么不保留按钮呢？因为保存项目后它还是会刷新页面。

您在网站上安装的模块（aitcg）中应该有任何javascript代码，可以从页面中删除元素aitcg-toolbox - {{somenumber}}和aitcg-control-pane。

我希望这可以提供任何帮助。

显示按钮onclick弹出关闭按钮

4 个答案: