Dnn系统会自动对Module中存在的 input[type=radio] 控件进行样式修改,样式修改的代码你可以在dnn.jquery.js文件的末尾找到。
当你需要采用jqueryui中buttonset()来对radio按钮做样式时,你会发现原来的dnn样式无法被覆盖。
因此,你需要增加js代码来控制dnn样式的修改过程,原理就是把dnn生成好的样式去掉。
代码如下:
function hideDnnRadiobutton() {
//隐藏DNN自动设置的Radio按钮效果
window.setTimeout(function () { $("span.dnnRadiobutton").hide(); }, 500);
}
$(document).ajaxComplete(hideDnnRadiobutton);
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(hideDnnRadiobutton);