Javascript 如何从.show（）更改为.reveal（）？

我正在尝试将代码中的

.show（）

更改为

.reveal（）

，但似乎无法正确执行此操作。没有生成任何错误，因为当我选择

day\u listing\u mobile

s时，没有发生任何事情

这是我的JavaScript代码：

(function($) {
    var isMobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));  
    if (isMobile) {
        $('.event_list').hide(); // setting display:none; on all .event_list <ul> elements

        // attach click event to the <span class="day_listing"> elements
        $('.day_listing_mobile').click(function() {
            var $eventList = $(this).sibling('.event_list');

            $('.event_list').hide(); // again hide all possibly shown ones before opening the selected one

            $eventList.show(); // setting display:block on sibling <ul> of clicked <span>

            $('#myMobileModal').reveal();
        });
    }

})(jQuery);

{cal_cell_content}<span class="day_listing_mobile">{day}</span><div id="myMobileModal" class="reveal-modal"><ul class="event_list">{content}</ul></div>{/cal_cell_content}
            {cal_cell_content_today}<span class="day_listing_mobile" id="today_listing">{day}</span><div id="myMobileModal" class="reveal-modal"><ul class="event_list">{content}</ul></div>{/cal_cell_content_today}

<script type="text/javascript">
$(document).ready(function() {
     $('#myButton').click(function(e) {
          e.preventDefault();
      $('#myModal').reveal();
     });
});
</script> 

（）

免责声明：我不熟悉web开发，对任何与JavaScript相关的东西都一窍不通。

html

{cal_cell_content}
<span class="day_listing_mobile">{day}</span>
<div id="myMobileModal" class="reveal-modal">
    <ul class="event_list">{content}</ul>
</div>
<a id="myButton" data-reveal-id="myModal" href="javascript://">myButton</a>
{/cal_cell_content}

css

$(document).ready(function() {
    $('.day_listing_mobile').click(function(e) {
        var $eventList = $(this).siblings('.event_list');
        $('.event_list').hide();
        $eventList.show();
        $('#myMobileModal').reveal();
    });
});

//从leaver.css（确保包含它）

小提琴

html

{cal_cell_content}
<span class="day_listing_mobile">{day}</span>
<div id="myMobileModal" class="reveal-modal">
    <ul class="event_list">{content}</ul>
</div>
<a id="myButton" data-reveal-id="myModal" href="javascript://">myButton</a>
{/cal_cell_content}

css

$(document).ready(function() {
    $('.day_listing_mobile').click(function(e) {
        var $eventList = $(this).siblings('.event_list');
        $('.event_list').hide();
        $eventList.show();
        $('#myMobileModal').reveal();
    });
});

//从leaver.css（确保包含它）

小提琴

---

您尝试了什么，看到了什么错误？您可以发布您的标记吗？我不确定你想用discover（）弹出什么样的问题，为了更清晰，这个问题已经更新了。试试使用Javascript调试器（Firefox、Chrome Web Inspector、IE的东西）。您至少会看到

$eventList.show（）无效。请看我的小提琴，在那里工作。请注意，jquery有一个.sides属性。您尝试了什么，看到了什么错误？您可以发布您的标记吗？我不确定你想用discover（）弹出什么样的问题，为了更清晰，这个问题已经更新了。试试使用Javascript调试器（Firefox、Chrome Web Inspector、IE的东西）。您至少会看到
$eventList.show（）无效。请看我的小提琴，在那里工作。请注意，jquery有一个.sibles属性。