有多个jqwidget选项卡问题

时间:2015-01-20 14:52:23

标签: javascript

我的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>
&#13;
&#13;
&#13;

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

1 个答案:

答案 0 :(得分:0)

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