2012-02-24 119 views
-1

我有這樣的代碼,所有工作正常:我該如何漂浮這個左邊?

<script> 
    $(function() { 
     $("#datepicker").datepicker(); 
    }); 
    $(function() { 
     $("#datepicker2").datepicker(); 
    }); 
</script> 

<!-- Demo date picker from JQuery UI site --> 
<div class="demo"> 
    <p>Start Date: <input type="text" id="datepicker"></p> 
</div><!-- End demo --> 
<div class="demo"> 
    <p>End Date: <input type="text" id="datepicker2"></p> 
</div><!-- End demo --> 

而且我想然而,這個浮動左,當我在<div class="left-col"></div>有CSS float:left;包裹它,JQuery的UI功能不工作。

有沒有解決這個問題的方法?

謝謝!

+0

你能使其更加清楚一點?你在哪裏添加了「左列」類? – Dips 2012-02-24 00:51:25

+0

[對我很好](http://jsbin.com/ovacim/edit#javascript,html,live),那麼你的代碼有什麼問題呢? – balexandre 2012-02-24 00:54:38

+1

顯示更多代碼獲得更佳答案 – 2012-02-24 00:55:20

回答

0

骯髒的解決方案:

放入另一個DIV和浮動:左

乾淨的解決方案:

沒有代碼,我從工作,你需要通過排序類和周圍的類CSS來查看是什麼衝突。

1

既然您還沒有提供datepicker jQ腳本來測試這個,我們無法弄清楚它在右邊浮動時不工作。我的猜測是,它正在尋找一個元素,但沒有指定它在不同的div。

這是它向左浮動...

http://jsfiddle.net/DMNad/