在屏幕寬度上合併兩個類

Question

我想在我的屏幕小於480px時合併兩個類。所以兩個類需要成爲一個，所以文本合併爲一行。這裏的jsfiddle：http://jsfiddle.net/rMd9T/1/

這是我的HTML：

<p class="latestworktitle">Shazam</p><p class="latestworktitle2">Redesign</p> 

這是我的Jquery在不工作的時刻：

jQuery(function($) { 

var $window = $(window), 
width; 

function mergeprojectitles() { 
    width = $window.width(); 
    if (width < 480) return; 
    $('.latestworktitle').last().html($('.latestworktitle').last().html() + ' ' + $('.latestworktitle2').last().html()); 
    $('.latestworktitle2').remove(); 
    } 
    mergeprojectitles(); 
}); 

那我做錯了嗎？提前致謝！

映入眼簾，

沃特

Answer 1

你需要用你的函數內部調整處理程序：

$(window).on('resize',function(){ 
//your code here 
}); 

全碼：

jQuery(function($) { 
$(window).on('resize',function(){ 
var $window = $(window), 
width; 

function mergeprojectitles() { 
    width = $window.width(); 
    if (width < 480) return; 
    $('.latestworktitle').last().html($('.latestworktitle').last().html() + ' ' + $('.latestworktitle2').last().html()); 
    $('.latestworktitle2').remove(); 
    } 
    mergeprojectitles(); 
}); 
});