2011-09-27 31 views
1

我想要做的這相當於:jQuery.bind和.trigger沒有jQuery的

$(window).bind('resize', function() { 
    myResizeFunction(); 
}).trigger('resize'); 

沒有jQuery的。

的原因是是。這是我的JavaScript庫中使用jQuery的代碼的唯一部分。

,我看到的,如果我只是用這個一個命令包括jQuery的是沒有意義的。

注:只是爲了澄清,我想myResizeFunction運行每次的broswer調整大小。跨瀏覽器解決方案是首選!

謝謝:)

回答

2

只需使用這個

<script> 
var resizeMe = function() { 
    myResizeFunction(); 
} 

resizeMe(); 
</script> 

要與窗口

window.onresize = resizeMe 
+0

有效的主要用途,但將這個函數被調用每一次瀏覽器被調整大小? –

+0

不,這隻會在頁面加載時調用。如果您想要調整大小,請參閱我的編輯 – hungryMind

+0

@Majid Fouladpour:有五分鐘的寬限期,對答案的編輯不會顯示爲新版本。我在答案中包含了神奇的'window.onresize'之前寫了我的答案。 – thirtydot

2

的resize事件據我所知鉤,jQuery是簡單地使用window.onresize

window.onresize = function() { 
    //stuff 
}; 

對於您的情況:

window.onresize = myResizeFunction; 
myResizeFunction(); 
1
// binding event 
if(window.addEventListener)window.addEventListener("resize",myResizeFunction,false); 
else if(window.attachEvent)window.attachEvent("onresize",myResizeFunction); 
// trigger event handler 
myResizeFunction(); 

這不是jQuery的.bind.trigger完全等價的,但它是resize事件