当页面加载时如何隐藏门户页面上的按钮,并在以后单击其他按钮时显示它

我对CRM和门户网站很陌生。

我想知道如何在门户页面加载时隐藏该按钮,并在以后单击其他按钮时显示它。

当我显示门户网站上某个实体的视图时,我已经在“实体”列表上创建了这些按钮。

yanghf0728 回答:当页面加载时如何隐藏门户页面上的按钮,并在以后单击其他按钮时显示它

在这种情况下,您可以使用css,javascript或jquery,例如此代码可能对您有帮助。我将按钮设置为在延迟3秒后缓慢显示。

setTimeout(function(){
var x = document.querySelector('.hidden-btn');
x.style.WebkitTransition = "all 2s" // for safari.
x.style.transition = "all 2s"; // for chrome.
x.style.opacity = 1; // you can either use opacity or block
},3000); // 3000 is equivalent for 3 seconds
.hidden-btn{opacity: 0;} /* you can either use opacity or display: none here */
<button class="hidden-btn">Hidden Button</button>

,

当单击另一个按钮时,我只会使用jQuery显示最初隐藏的按钮。从css开始设置为隐藏,然后在需要时使用jquery .show()函数显示它。

.show()函数中的数字是显示按钮的速度。 1000 = 1秒。如果您希望它立即显示,只需取出数字即可。

祝你好运。

$(document).ready(function() {

// show the hidden button when another button is clicked.
  $("body").on("click",".showHiddenButton",function() {
    $("#hiddenButton").show(1000);
  });

});
#hiddenButton {
  display: none;
  background: orange;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<button id="hiddenButton">INITALLY HIDDEN BUTTON</button>

<button class="showHiddenButton">Show Hidden Button</button>

本文链接:https://www.f2er.com/3112607.html

大家都在问