Question

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

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

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

Answer 1

在这种情况下，您可以使用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>

Answer 2

当单击另一个按钮时，我只会使用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>

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

2 个答案: