2012-09-28 52 views
0

現場聽衆假設我們有一個DIV:其他的可調整大小的DIV寬度

<div id="left">Some content</div> 

股利ID爲「左」是可調整大小的div(可以重新在瀏覽器與鼠標大小),並在重新調整大小,它接收的CSS樣式爲當前的寬度是這樣的:

<div id="left" style="width: 289px;">Some content</div> 

我想實現的是讀取現場直播寬度值(或類似的東西)#left股利,並基於該值增加一些條件(它必須是直播活動,不要點擊閱讀或在鼠標釋放點擊等)...感謝您在advan的幫助CE!

SOLUTION:

您可以使用您的自定義綁定功能來實現這一點:

(function(){ 
     var interval; 
     jQuery.event.special.liveresize = { 
      setup: function(){ 
       var self = this, 
       $this = $(this), 
       $originalContent = $this.width(); 
       interval = setInterval(function(){ 
       if($originalContent != $this.width()) { 
         $originalContent = $this.width(); 
         jQuery.event.handle.call(self, {type:'liveresize'}); 
        } 
       },100); 
      }, 
      teardown: function(){ 
      clearInterval(interval); 
      } 
     }; 
     })(); 

然後叫它:

$(function() { 
      $('#left').bind('liveresize', function() { 
       var actual_width = $(this).width(); 
       if(actual_width < 930) 
       { 
        $('#left').addClass('ng-av-small-left'); 
        $('#left').addClass('ng-av-small-right');  
       } else 
       { 
        $('#left div.block div.left').removeClass().addClass('left'); 
        $('#left div.block div.right').removeClass().addClass('right'); 
       }  
       }); 
     }); 
+0

的大小是哪個事件的div將調整? – webCoder

回答

相關問題