Question

我在页面上有一些按钮默认淡出，只有当用户点击页面内容时才会显示。这工作正常。

我现在需要在用户点击内容之前为其中一个按钮指定一些数据属性，使其可见。

可以指向faded元素并添加所需的数据属性吗？

我所有的尝试都没有成功。

任何有关此的帮助将不胜感激。

编辑：

<div class="ui-draggable">
    <div id="119a7" class="container template-block drg-elem">
        <div class="row clearfix drg ui-sortable" contenteditable="true">
            <div class="column col-md-6">
                <h1>Lorem Ipsum</h1>
                <p>Lorem Ipsum is simply dummy text. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
                <div class="row-arrange ui-sortable-handle">
                    <div class="btn-xs arrange-handle">
                        <i class="fa fa-arrows"></i>
                    </div>
                </div>
            </div>
            <div class="column col-md-6">
                <img src="assets/builder/images/e09-1.jpg">
                <div class="row-arrange ui-sortable-handle">
                    <div class="btn-xs arrange-handle">
                        <i class="fa fa-arrows"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="tool-box">
        <div class="row-settings">
            <i class="fa fa-wrench"></i>
        </div>
    </div>
</div>

这里没什么特别的。这是一个放在html page上的模板。

tool-box是有问题的元素，已逐渐消失。

我试图引用这个元素但是找不到它。

如何引用隐形元素？

Answer 1

在元素淡出后删除元素吗？如果没有，你可以，否则就可以了。

＆＃13;

$.extend($.fn, {
    fill: function () {
        return this.data('foo', 'bar');
    },
    inspect: function () {
        console.log(this.data('foo'));
        return this;
    }
});
$('button').click(function () {
    $('main div')[this.id]();
});

＆＃13;

main div {
    width: 100px;
    height: 100px;
    background: #333;
    margin: 0 auto;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="fadeOut">Fade Out</button>
<button id="remove">Remove</button>
<button id="fill">Fill Data</button>
<button id="inspect">Inspect</button>
<main><div></div></main>

＆＃13;

我们可以操纵已经消失的元素吗？

1 个答案: