Question

我已经使用分享按钮构建了一张UI卡。点击共享按钮后，共享表显示在卡片本身上方。

此卡将存放在其他此类卡的网格中，以便＆＃34;分享＆＃34;按钮应仅触发当前卡的共享表

我有一个Save按钮，它也应该触发另一张表，但它似乎没有工作。

我已经在共享表工作的情况下构建了此演示（http://jsfiddle.net/8hed8yrd/11/）。我似乎无法获得保存表。有什么指针吗？

注意：演示没有保存表以避免代码混淆。

<div class="grid">
    <div id="card">
        <div class="hero_text hero_small">TITLE</div>
        <div class="subtext">SUBTITLES</div>
        <div class="toggleLink explore_text"><span class="icons">SHARE</span>
        </div>
        <div class="toggleLink explore_text"><span class="icons">SAVE</span>
        </div>
        <div class="share_sheet">
            <div class="share_this">SHARE THIS IMAGE</div>
            <div class="share_close">CLOSE</div>
        </div>
    </div>
<div>

jQuery(document).on("click", ".toggleLink", function () {
    jQuery(this).next('.share_sheet').fadeIn('fast');
    return false;
});

jQuery(document).on("click", ".share_sheet", function () {
    jQuery(this).fadeOut('fast');
});

Answer 1

问题是你使用jQuery（this）.next（'。share_sheet'）。第二个toggleLink SAVE后面有一个share_sheet div，但SHARE按钮没有。这就是为什么jquery无法找到div。如果你想找到相同的元素，请使用兄弟姐妹而不是下一个，或者像我在这个小提琴中那样做：http://jsfiddle.net/PSYKLON/8hed8yrd/12

    <div class="toggleLink explore_text"><span class="icons">SHARE</span></div>

    <div class="share_sheet">
    <div class = "share_this">SHARE THIS IMAGE</div>
    <div class = "share_close">CLOSE</div>
    </div>

<div class="toggleLink explore_text"><span class="icons">SAVE</span></div>


    <div class="share_sheet">
    <div class = "share_this">SAVE THIS IMAGE</div>
    <div class = "share_close">CLOSE</div>
    </div>

卡ui与不同的卡片屏幕

1 个答案: