Question

我想创建一个自定义＆＃34; X＆＃34;关闭或隐藏按钮，图像，适用于wordpress中完整元素框的文本。我附上了＆＃34; x＆＃34;的样本图片。在别的东西上。但对于我的网站，我需要它来控制我page上的整个元素或（图块）而不仅仅是单个文本框。

示例image

Answer 1

这对你来说是一项简单的任务，基本上在这种情况下，你要做的就是创建＆＃34; x＆＃34;任何iconfont的图形，或者你可以使用＆＃34; X＆＃34;从任何字体（如你必须触摸键盘的常规x），然后你要做的就是按照这个例子。

HTML

<div class="yourbox"> 
<!--- THIS IS THE BOX THAT YOU WANT TO CLOSE, you can use id or clas whatever you want-->
<p> text or content of the box <p>
<a id="close"href=""> X </a>
</div>

CSS

.yourbox{
height:100px;
width:400px;
background-color: red;
}

JS

<script type="text/javascript">
$(function() {
$("#close").click(function () {
    $( "#yourbox" ).css( "display", "none" );

  });
});    
</script>

您可以根据需要命名该功能，使用class而不是id，基本上代码将在您触摸＆＃34;之后触及div。 X＆＃34;。

如何编码＆＃34; X＆＃34; wordpress元素的关闭按钮

1 个答案: