與jQuery的小冊子（builtbywill）動態內容

Question

時遇到的問題，問題是翻幾番。首先，這只是在Firefox的工作。 Chrome甚至不會給我一個錯誤，並且不會在'後'給我提示。其次，這是主要問題，下面的代碼正在努力程度;它會在第一次接到'後'後打電話，但我想我需要刷新小冊子以認識到有新的div。

基本上我問的是誰能告訴我，爲什麼它沒有在Chrome中工作，有沒有辦法來刷新小冊子，使其認識到，有兩個新的div？

如果你需要更多的代碼從我這裏請讓我知道。

在此先感謝

jQuery代碼

$(function() { 
    $('#booklet').booklet({ 
     height: 600, 
     width: 960, 
     manual: false, 
     pageNumbers: false, 
     pagePadding: 0, 
     after: function(opts){ 
      var btn = $('#next-page').attr('className'); 
      //alert(btn); 
      $.get('../../ajax/getAjaxBrand/'+btn, function(data) { 
       alert(data); 
       $('#next-page').replaceWith(data); 
      }); 
     } 
    }); 
}); 

返回，應該工作基礎上，我使用的是什麼（工作正常跨瀏覽器的HTML

<div id="pager">  
    <div id="twotap-left">   
     <div class="twotap-image" style="background: url(http://localhost:8888/turner/catalogue/images/brand/single-page/) no-repeat;">   
      <img src="http://localhost:8888/turner/catalogue//images/fade-left.png" />  
     </div>  
     <div class="twotap-stuff">   
      <div class="twotap-title"> 
       <h1 id="twotaph1" class="typeface-js" style="font-family:TradeGothic;font-weight:bold;">HOLLYWOOD JUSTICE</h1> 
      </div>   
      <div class="twotap-details"> 
       <h3 id="dps-det" class="typeface-js" style="font-family:TradeGothic;font-weight:bold;">6 x 30MINUTE EPISODES</h3> 
      </div>   
      <div class="twotap-copy"> 
       <p>Hollywood Justice takes an in-depth look at Hollywood's famously challenged. Each episode delves into the lives, details and history of Hollywood celebrities who’ve had brushes with the law. The show profiles the stars who've gone from fame to infamy, and sometimes back again, with a focus on their antics both in and out of the courtroom.</p>   
      </div>   
      <div class="twotap-clogo"> 
       <img src=http://localhost:8888/turner/catalogue/images/logos/tru.png height='49px' />   
      </div>  
     </div> 
    </div> 
</div> 
<div id="pager">  
    <div id="two-tap-pf">  
     <img src="http://localhost:8888/turner/catalogue//images/fold-tra.png" /> 
    </div> 
    <div id="twotap-right">  
     <div class="twotap-image" style="background: url(http://localhost:8888/turner/catalogue/images/brand/single-page/TRU-hot-purs.jpg) no-repeat;">   
      <div id="twotap-turner"> 
       <img src="<?php echo base_url();?>/images/turner-small-b.png" /> 
      </div>  
     </div>   
     <div class="twotap-stuff">    
      <div class="twotap-title"> 
       <h1 id="twotaph1" class="typeface-js" style="font-family:TradeGothic;font-weight:bold;">HOT PURSUIT</h1> 
      </div> 
      <div class="twotap-details"> 
       <h3 id="dps-det" class="typeface-js" style="font-family:TradeGothic;font-weight:bold;">.47 x 30 MINUTE EPISODES</h3> 
      </div>    
      <div class="twotap-copy"> 
       <p>From high-speed chases to dangerous crashes, this adrenaline-pumping series shows the dangers our law enforcement professionals face every day. Each episode focuses on a different situation â€「 from raging drunks to lawless kids, from female fugitives to the worst escape attempts of all time, this series shows cops confronting all the most intense and hilarious challenges the country’s highways have to offer. Featuring the most amazing footage ever captured, much of it taken from dashboard-mounted cameras in the police vehicles themselves, each half-hour episode is a wild ride.</p>    
      </div> 
      <div class="twotap-clogo"> 
       <img src=http://localhost:8888/turner/catalogue/images/logos/tru.png height='49px' /> 
      </div>   
     </div> 
    </div> 
</div> 
<div id="next-page" class="house_of_clues"> 
</div> 

Answer 1

）：

$('.book').booklet({ 
    autoCenter: true, 
    covers: true, 
    manual: false, 
    pageNumbers: false, 
    pagePadding: 0, 
    width: 840, 
    height: 570, 
    closed: true, 
    overlays: false, 
    prev: $('.nav a.prev'), 
    next: $('.nav a.next') 
}); 

我的小冊子似乎工作 - 而不是試圖與回調before()或after()，但我也想知道有關刷新小冊子，以允許動態AJAX的內容被添加...