js 面向对象

<script type="text/javascript">
var musicFunc = (function() {
var musics = '<c:forEach items="${musicList.musicVo}" var="music" varStatus="status">${music}<c:if test="${!status.isLast()}">,</c:if></c:forEach>';
var currentPage = 1;

$(function() {
$('.musicStatus').on('click', function() {
var status = $(this).attr('status');
...
});
});


return {
setCurrentPage : function(c) {
currentPage = c;
},
play : function(that) {
var musicId = $(that).attr('musicId');
createModalDialog({
msgtitle : '${tk:lang("music提示","")}',
msgcontent : '${tk:lang("music","")}',
checkReturn : true,
successFuc : function() {
$.post('/music/delete/cancel.do?musicId=' + musicId, function(data) {
if (data.Status == 'OK') {
showPopMsg.success('${tk:lang("操作成功","")}', function() {

});
} else {
showPopMsg.error('${tk:lang("操作失败，异常","")}：<br>' + data.Message);
}
}, 'json');
return true;
}
});

}

}
}());
</script>
<div>
<div class="cancel" onclick="FlowTaskFunc.play(this);">cancel</div>
<div class="musicStatus">music status</div>
</div>