回复 2楼Alice的帖子
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
#tabs
{
margin-top: 1em;
}
#tabs li.ui-icon-close
{
float: left;
margin: 0 0 0.4em 0.2em;
cursor: pointer;
background-color:Red;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<wijmo:C1Tabs ID="C1Tab1" runat="server">
</wijmo:C1Tabs>
<input type="button" value="添加标签" id="add_tab" onclick="addtabs()" />
<script id="scriptInit" type="text/javascript">
function addtabs() {
var $tabs = $('#<%=C1Tab1.ClientID%>').c1tabs({
tabTemplate: '<li><a href="#{href}">#{label}</a> <span class="ui-icon ui-icon-close">Remove Tab</span></li>',
add: function (event, ui) {
var tab_content = $tab_content_input.val() || 'Tab ' + tab_counter + ' content.';
$(ui.panel).append('<p>' + tab_content + '</p>');
}
});
$('#<%=C1Tab1.ClientID%>').on('click', 'span.ui-icon-close', function () {
var index = $('li', $tabs).index($(this).parent());
$tabs.c1tabs('remove', index);
});
$tabs.c1tabs('add', '#tabs-1', 'test');
}
</script>
</form>
</body>
</html>
我这样尝试了,没有效果,然后我添加了背景颜色(如上面红字),依旧是没效果,见下图~
|