0
У меня есть следующее в разделе HEAD. второй, jqxTabsExam, не работает, если я не удалю первый, jqxTabsExam, то первый не работает явно, поэтому я думаю, что im не активирует его правильно здесь, в этом разделе. есть идеи?с более чем одной вкладкой вкладки jqwidget
<script type="text/javascript">
\t
\t
\t
$(document).ready(function() {
\t \t \t
// Create jqxTabsMain.
$('#jqxTabsMain').jqxTabs({ width: '100%', position: 'top', animationType: 'fade', selectionTracker: true});
$('#settings div').css('margi,n-top', '10px');
$('#animation').jqxCheckBox({ theme: theme });
$('#contentAnimation').jqxCheckBox({ theme: theme });
\t \t \t
\t \t \t \t \t \t \t \t \t \t $('#animation').on('change', function (event) {
\t \t \t \t \t \t \t \t \t \t \t var checked = event.args.checked;
\t \t \t \t \t \t \t \t \t \t \t $('#jqxTabsMain').jqxTabs({ selectionTracker: checked });
\t \t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t \t });
\t \t \t
\t \t \t
\t \t \t \t \t \t $('#contentAnimation').on('change', function (event) {
\t \t \t \t \t \t \t var checked = event.args.checked;
\t \t \t \t \t \t \t if (checked) {
\t \t \t \t \t \t \t \t $('#jqxTabsMain').jqxTabs({ animationType: 'fade' });
\t \t \t \t \t \t \t }
\t \t \t \t \t \t \t else {
\t \t \t \t \t \t \t \t $('#jqxTabsMain').jqxTabs({ animationType: 'none' });
\t \t \t \t \t \t \t }
\t \t \t \t \t \t });
\t \t \t \t \t \t
//done with first tab
\t \t \t \t \t \t
\t \t \t
\t \t \t
\t \t // Create jqxTabsExam.
$('#jqxTabsExam').jqxTabs({ width: '100%', position: 'top', animationType: 'fade', selectionTracker: true});
$('#settings div').css('margi,n-top', '10px');
$('#animationExam').jqxCheckBox({ theme: theme });
$('#contentAnimationExam').jqxCheckBox({ theme: theme });
\t \t \t
\t \t \t \t \t \t $('#animationExam').on('change', function (event) {
\t \t \t \t \t \t \t \t var checked = event.args.checked;
\t \t \t \t \t \t \t \t $('#jqxTabsExam').jqxTabs({ selectionTracker: checked });
\t \t \t \t \t \t \t
\t \t \t \t \t \t \t });
\t \t \t
\t \t \t
\t \t \t
\t \t \t \t \t \t \t \t \t \t \t \t \t
\t \t \t \t \t \t \t \t \t \t $('#contentAnimationExam').on('change', function (event) {
\t \t \t \t \t \t \t \t \t \t \t var checked = event.args.checked;
\t \t \t \t \t \t \t \t \t \t \t if (checked) {
\t \t \t \t \t \t \t \t \t \t \t \t $('#jqxTabsExam').jqxTabs({ animationType: 'fade' });
\t \t \t \t \t \t \t \t \t \t \t }
\t \t \t \t \t \t \t \t \t \t \t else {
\t \t \t \t \t \t \t \t \t \t \t \t $('#jqxTabsExam').jqxTabs({ animationType: 'none' });
\t \t \t \t \t \t \t \t \t \t \t }
\t \t \t \t \t \t \t \t \t \t });
//done with second tab
\t \t \t
\t
\t \t \t
});
</script>
второй не работает, если я не удалить кулак один, jqxTabsExam, в функции