在網站開發中，門戶拖拽是一個非常實用的功能。jQuery 門戶拖拽插件是一款優秀的插件，它可以輕松地幫助開發人員實現門戶拖拽功能，同時也可以讓網站變得更加直觀和易用。

$(function(){
$(".column").sortable({
connectWith: ".column"
});
$(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all")
.find(".portlet-header")
.addClass("ui-widget-header ui-corner-all")
.prepend("")
.end()
.find(".portlet-content");
$(".portlet-header .ui-icon").click(function() {
$(this).toggleClass("ui-icon-minusthick").toggleClass("ui-icon-plusthick");
$(this).parents(".portlet:first").find(".portlet-content").toggle();
});
$(".column").disableSelection();
});

上述代碼是該插件的實現代碼。首先，需要調用 sortable() 方法來使列（column）可拖拽排序。通過 connectWith 屬性，可以指定哪些列之間可以拖拽。然后，通過 addClass() 方法為列和列中的portlet（門戶塊）添加樣式，使其具有圖標、圓角和UI效果。通過 prepend() 方法，在portlet-header中添加一個折疊/展開的圖標，并通過 click() 方法綁定了這個事件，使其能夠進行折疊和展開。最后，通過 disableSelection() 方法使門戶塊中的文字不能被選中。

總之，jQuery 門戶拖拽插件的使用非常簡單，只需要在頁面中引用相關腳本文件，然后按照上述方法添加相應的HTML和JavaScript代碼即可。該插件可以幫助網站開發人員快速實現門戶拖拽功能，為用戶帶來更好的用戶體驗。