重点关注jquery UI选项卡的选项卡

Question

我想重点关注带有href tabs_11的标签：

<?php
/**
 * The template for displaying the footer
 *
 * Contains footer content and the closing of the #main and #page div elements.
 *
 * @package WordPress
 * @subpackage Twenty_Fourteen
 * @since Twenty Fourteen 1.0
 */
?>

<?php // Check if site turned to boxed version
	  $boxed = ''; $boxed_element = ''; $row_class = '';
	  if (get_option('site_layout')=='boxed') {$boxed = 'container'; $boxed_element = 'col-md-12 col-sm-12'; $row_class = 'row';}
?>

		<?php if ($boxed && $boxed!='') { ?>
			</div>
			<div class='row'>
		<?php } ?>


<?php if ( class_exists('Woocommerce') ): ?>
	<?php  if(is_shop() || is_product() && is_active_sidebar('footer-bottom-shop')): ?>
					
	<?php if (!$boxed || $boxed=='') : ?><div class="container">
										<div class="row"><?php endif; ?>
											<div class="shop-bottom-sidebar col-xs-12 col-sm-12 col-md-12">
												<?php dynamic_sidebar('footer-bottom-shop'); ?>
											</div>
	<?php if (!$boxed || $boxed=='') : ?></div>
									</div><?php endif; ?>
	<?php endif ?>
<?php endif ?>
		
		<footer id="colophon" class="site-footer <?php echo esc_attr($boxed_element);?>">

			<?php 
				if (get_option('site_footer_top_background_option') && get_option('site_footer_top_background_option')!=''){
					$site_footer_top_background_option = get_option('site_footer_top_background_option');
				}
				else{$site_footer_top_background_option='';}
			?>
		
		<?php if(is_active_sidebar('footer-top-sidebar-1') || is_active_sidebar('footer-top-sidebar-2')): ?>
			<div class="footer-top widget-area <?php echo esc_attr($row_class);?>" style="background:<?php echo esc_attr($site_footer_top_background_option); ?>;">	
				<?php if (!$boxed || $boxed=='') : ?><div class="container">
				<div class="row"><?php endif; ?>

				<div class="col-xs-12 col-sm-6 col-md-6 footertopsidebarone">
					<?php if(is_active_sidebar('footer-top-sidebar-1')): ?>
						<?php dynamic_sidebar('footer-top-sidebar-1'); ?>
					<?php endif;?>
				</div>

				<div class="col-xs-12 col-sm-6 col-md-6 footertopsidebartwo">
					<?php if(is_active_sidebar('footer-top-sidebar-2')): ?>
						<?php dynamic_sidebar('footer-top-sidebar-2'); ?>
					<?php endif;?>
				</div>
				
				<?php if (!$boxed || $boxed=='') : ?></div></div><?php endif; ?>
			</div>
		<?php endif; ?>

		<?php 
				if (get_option('site_middle_background_option') && get_option('site_middle_background_option')!=''){
					$site_middle_background_option = get_option('site_middle_background_option');
				}
				else{$site_middle_background_option='';}
		?>
			<div class="footer-middle widget-area <?php echo esc_attr($row_class);?>" style="background:<?php echo esc_attr($site_middle_background_option);?>">
				<?php if (!$boxed || $boxed=='') : ?><div class="container">
					<div class="row"><?php endif; ?>
					<?php
						if (get_option('footer_bg_img') && get_option('footer_bg_img')!=''){
						$footer_bg_img_url = get_option('footer_bg_img');
					}
					else{$footer_bg_img_url='';}
					
					if (get_option('footer_bg_img_position') && get_option('footer_bg_img_position')!=''){
						$footer_bg_img_position = get_option('footer_bg_img_position');
						switch($footer_bg_img_position){
							case "right":
								$storex_footer_bg_position='96%';
								break;
							case "left":
								$storex_footer_bg_position='4%';
								break;
						}
					}
					else{$storex_footer_bg_position='';}
					
					?>
						<div class="fotter-bg-img" style="background: url(<?php  echo esc_url($footer_bg_img_url)?>)  no-repeat transparent; background-position:<?php echo esc_attr($storex_footer_bg_position)?> 90%">
					
							<div class="col-xs-12 col-sm-6 col-md-3">
								<?php if ( is_active_sidebar( 'footer-sidebar-1' ) ) : ?>
									<?php dynamic_sidebar( 'footer-sidebar-1' ); ?>
								<?php endif; ?>
							</div>
							<div class="col-xs-12 col-sm-6 col-md-3">
								<?php if ( is_active_sidebar( 'footer-sidebar-2' ) ) : ?>
								<?php dynamic_sidebar( 'footer-sidebar-2' ); ?>
								<?php endif; ?>
							</div>
							<div class="col-xs-12 col-sm-6 col-md-3">
								<?php if ( is_active_sidebar( 'footer-sidebar-3' ) ) : ?>
									<?php dynamic_sidebar( 'footer-sidebar-3' ); ?>
									<?php endif; ?>
							</div>
							<div class="col-xs-12 col-sm-6 col-md-3">
								<?php if ( is_active_sidebar( 'footer-sidebar-4' ) ) : ?>
									<?php dynamic_sidebar( 'footer-sidebar-4' ); ?>
								<?php endif; ?>
							</div>
						</div>
						
					<?php if (!$boxed || $boxed=='') : ?></div>
				</div><?php endif; ?>
			</div>

			<?php 
				if (get_option('site_footer_bottom_background_option') && get_option('site_footer_bottom_background_option')!=''){
					$site_bottom_background_option = get_option('site_footer_bottom_background_option');
				}
				else{$site_bottom_background_option='';}
				
			?>
			
			<div id="footer-bottom" style="background:<?php echo esc_attr($site_bottom_background_option); ?>;" class="<?php echo esc_attr($row_class);?> footer-bottom">
				<?php if (!$boxed || $boxed=='') : ?><div class="container">
					<div class="row"><?php endif; ?>
						<div class="col-xs-12 col-sm-6 col-md-6">
							<?php if (has_nav_menu('footer-nav')) : ?><!-- Footer navigation -->
								<nav id="site-navigation-footer" class="footer-navigation">
									<?php wp_nav_menu( array('theme_location'  => 'footer-nav') ); ?>							
								</nav>
						<?php endif; ?><!-- Footer navigation -->

						<div class="site-info">
							<?php $copyright = esc_attr(get_option('site_copyright'));
							if ($copyright != '') {
								echo esc_attr($copyright);
							} else {
								echo 'Storex &copy; '.date('Y') .''.esc_html__(' Theme by Themes Zone. All rights reserved', 'storex');
							}
							?>
						</div>

						</div>

						<div class="col-xs-12 col-sm-6 col-md-6">
							<?php if ( is_active_sidebar( 'footer-bottom' ) ) : ?>
                            	<?php dynamic_sidebar( 'footer-bottom' ); ?>
                        	<?php endif; ?>
						</div>

					<?php if (!$boxed || $boxed=='') : ?></div>
				</div><?php endif; ?>
			</div>
			
		</footer><!-- #colophon -->
		<?php if ($boxed && $boxed!='') { ?>
			</div>
		<?php } ?>
</div><!-- #page -->

<script>
	jQuery( document ).ready(function() {
		
		jQuery('.quantity').append("<span class='qty-cus'>Qty</span>");
		
		jQuery('.wc-forward').val('View Order');
jQuery('.update_cart').val('Update Order');
		
		});

		//review order table text changes
		jQuery(window).on('load',function(){
		  setTimeout(function() {   //calls click event after a certain time
		  	jQuery('.cart-subtotal th').text('Order SubTotal'); 
			}, 3000);
		  jQuery('.update_cart').val('Update Order');

		  jQuery('.page-template-special-offer .header-stripe h1.title').text('SPECIAL OFFERS');

		  jQuery('.product-description-wrapper > .quantity').remove();
		});

		var cloned_field = jQuery('.register p.form-row.full').clone();
		jQuery('#custom_fax_no').append(cloned_field);
		jQuery('.register p.form-row.full').eq(0).remove();


		
		jQuery(window).scroll(function(){
	        var winScroll= jQuery(window).scrollTop();
			console.log(winScroll);

	        if(winScroll>0){
	        	jQuery('.header-top').addClass('sticky');
	        }else{
	        	jQuery('.header-top').removeClass('sticky');
	        }
		});

</script>

		<?php wp_footer(); ?>
	</body>
</html>

此代码不允许我选择带有href＃tabs_11

的选项卡

我尝试了一切，没有成功......

Answer 1

   $('#tabs_11').tabs(

在jQuery＃中表示元素ID，它与URL字符串中的＃不同。为您的li / a元素提供ID，或者根据不同的属性访问它，例如href：

$( "a[href='#tabs_11']" ).closest("li"); // if you need to target the li element
$( "a[href='#tabs_11']" ) // if you dont