有多个jqwidget选项卡问题

Question

在我的HEAD部分中有以下内容。第二个，jqxTabsExam，除非我移除第一个，jqxTabsExam，否则不能工作，那么第一个显然不能工作，所以这就是为什么我认为我在这一节没有正确地激活它。有什么想法吗？

​

<script type="text/javascript">
	
	
	
        $(document).ready(function () {
			

            // 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 });
			
										$('#animation').on('change', function (event) {
											var checked = event.args.checked;
											$('#jqxTabsMain').jqxTabs({ selectionTracker: checked });
										
										});
			
			
						$('#contentAnimation').on('change', function (event) {
							var checked = event.args.checked;
							if (checked) {
								$('#jqxTabsMain').jqxTabs({ animationType: 'fade' });
							}
							else {
								$('#jqxTabsMain').jqxTabs({ animationType: 'none' });
							}
						});
						
                //done with first tab 
						
			
			
		       // 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 });
			
						   $('#animationExam').on('change', function (event) {
								var checked = event.args.checked;
								$('#jqxTabsExam').jqxTabs({ selectionTracker: checked });
							
							});
			
			
			
													
										$('#contentAnimationExam').on('change', function (event) {
											var checked = event.args.checked;
											if (checked) {
												$('#jqxTabsExam').jqxTabs({ animationType: 'fade' });
											}
											else {
												$('#jqxTabsExam').jqxTabs({ animationType: 'none' });
											}
										});
  
            //done with second tab 
			
          	
			
        });
    </script>

​

第二个函数不起作用，除非我删除函数中的第一个函数jqxTabsExam

Answer 1

您可以查看Tabs Integration，了解如何使用jQWidgets Tabs小部件在Tabs中添加小部件。