如何在jQuery的

Question

顯示在頁面加載一個div我需要知道如何顯示在jQuery Mobile的頁面加載特定的div（而不是網頁，只需一個div）。這裏的HTML：

<div data-role="page"> 
    <div data-role="navbar"> 
    <ul> 
     <li><a href="#" data-href="sun">Sun</a></li> 
     <li><a href="#" data-href="mon">Mon</a></li> 
     <li><a href="#" data-href="tue">Tue</a></li> 
     <li><a href="#" data-href="wed">Wed</a></li> 
     <li><a href="#" data-href="thu">Thu</a></li> 
     <li><a href="#" data-href="fri">Fri</a></li> 
     <li><a href="#" data-href="sat">Sat</a></li> 
    </ul> 
    </div><!-- /navbar --> 
    <div id="sun" class="content_div">Sunday</div> 
    <div id="mon" class="content_div">Monday</div> 
    <div id="tue" class="content_div">Tuesday</div> 
    <div id="wed" class="content_div">Wednesday</div> 
    <div id="thu" class="content_div">Thursday</div> 
    <div id="fri" class="content_div">Friday</div> 
    <div id="sat" class="content_div">Saturday</div> 

</div> 

我使用jQuery談判的標籤，所以我的JS是jQuery Mobile的源撥打以上。下面是代碼：

function getHandler(handler) { 
     var days = ['sun','mon','tue','wed','thu','fri','sat'], 
      d = new Date(), 
      today = d.getDay(); 

     for (x=0; x<days.length; x++) { 
      if (x === today) { handler = days[x]; } 
     } 
    } 

    $(document).delegate('[data-role="navbar"] a', 'click', function() { 
     $(this).addClass('ui-btn-active'); 
     $('.content_div').hide(); 
     $('#' + $(this).attr('data-href')).show(); 
    }); 

我的目標是，在最初的文檔加載，對應於一週中的當前日在div將顯示

Answer 1

試試這個：

function getHandler() { 
    var days = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'], 
     d = new Date(), 
     today = d.getDay(); 
    return days[today]; 
} 

$(document).delegate('[data-role="navbar"] a', 'click', function() { 
    $(this).addClass('ui-btn-active'); 
    $('.content_div').hide(); 
    $('#' + $(this).attr('data-href')).show(); 
}); 

$(document).ready(function(){ 
    $('[data-href="' + getHandler() + '"]').trigger('click'); 
}) 
​ 

Answer 2

我修改了你的getHandler（）返回值

js代碼如下：

function getHandler() { 
    var days = ['sun','mon','tue','wed','thu','fri','sat'], 
     handler = null, 
     d = new Date(), 
     today = d.getDay(); 

    for (x=0; x<days.length; x++) { 
     if (x === today) { handler = days[x]; } 
    } 
    return handler; 
} 

$(document).delegate('[data-role="navbar"] a', 'click', function() { 
    $(this).addClass('ui-btn-active'); 
    $('.content_div').hide(); 
    $('#' + $(this).attr('data-href')).show(); 
}); 

function displayTodayDiv() { 
    var h = getHandler(); 
    $('.content_div').hide(); 
    $("#"+h).show(); 
} 

$(document).ready(displayTodayDiv);​