統一和Fancybox衝突

Question

我使用統一插件來設計我的表單元素。除了選擇選項時，所有內容都可以在fancybox中使用。我可以統一它，但當我點擊它&選擇一個其他值，最上面的一個仍然存在。這怎麼解決？

這裏是我現在的代碼：

var tempdiv= $('#editHours'); //empty existing div I attach all content to in js 
console.log('div.html():'+tempdiv.html()); 

$.fancybox(tempdiv.html() 
    ,{ 

     'autoDimensions' : false, 
     'width'    : 300, 
     'height'   : 100, 
     'transitionIn'  : 'none', 
     'transitionOut'  : 'none', 
     'scrolling'   : 'no', 
     onStart    : function onStartFancyEdit(e) { 
      //$(".dayOption").val('0'); 
      // $.uniform.update(".dayOption"); 
      //$.uniform.update(); 
     }, 
     'onComplete' : function() { 
      // dayInput.uniform(); 
      //$.fancybox.resize(); 
      $.uniform.update(); 
     } 

中的console.log給出：

div.html(): 
<input class="start" style="height: 15px; width: 32px; padding: 0px; font-size: 11px;" type="text"> 

    - <input class="end" style="height: 15px; width: 32px; padding: 0px; font-size: 11px;" type="text"> 
    <div id="uniform-dateSelect" class="selector"> 
     <span style="-moz-user-select: none;">Day 1 : Sat Nov 13 2010</span> 
     <select style="opacity: 0;" class="dayOption" id="dateSelect"> 
      <option value="Sat Nov 13 2010">Day 1 : Sat Nov 13 2010</option> 
      <option value="Sun Nov 14 2010">Day 2 : Sun Nov 14 2010</option></select> 
    </div> 
    <input id="editArtistHours" class="button" onclick="return false;" title="Click here to edit the artist hours" value="Edit Hours" tabindex="100" type="button"> 
    <span id="loading"> 
     <img style="display: none;" src="images/layout/loader.gif" alt="Loading"> 
    </span> 
    <div id="error"></div> 

Fancyblox插件：fancybox.net/ 統一插件：http://pixelmatrixdesign.com/uniform/

Answer 1

你可以有一個看看這個鏈接，希望它有所幫助：

jquery inside fancybox not working