按鈕單擊觸發器定位器選項卡

我有一組帶有哈希定位器選項卡的jquery選項卡。按鈕單擊觸發器定位器選項卡

我想觸發第二個標籤'#second'，當我點擊提交按鈕。

我使用了一些解決方案，但不起作用。

<script type="text/javascript"> 
$('#bt').click(function() { 
    $('#ex').click(); 
}); 
</script> 

<div id="tabs"> 
<ul id="tabbbs"> 
<li><a href="#first" id="ex"></li> 
<li><a href="#second" id="ex"></li> 
<li><a href="#third"></li> 
</ul> 

<div id="first" > 
<p>LOREM IPSUM</p> 
</div> 
<div id="second" > 
<p>LOREM IPSUM</p> 
</div> 
<div id="third" > 
<p>LOREM IPSUM</p> 
</div> 
</div> 
<button type="submit" id="bt" class="single_add_to_cart_button button alt"> 
    <?php echo esc_html($product->single_add_to_cart_text()); ?>OK</button>

來源

2017-08-05 SandeepTete

多個相同id是不是當你試圖用jQuery來處理他們正確： -

BTW你可以象下面這樣： -

$('#bt').click(function() { 
    $('ul li a[href="#second"]').click(); 
});

注： - 需要jQuery庫在你的腳本代碼之前添加它使其工作。

只是一個演示示例（當您單擊鏈接或按鈕類將加）： -

$('#bt').click(function() { 
 
$('ul li a[href="#second"]').click(); 
 
}); 
 

 
$('a[href="#second"]').click(function() { 
 
$(this).addClass('active'); 
 
});

.active{ 
 
color:green; 
 
font-size:20px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="tabs"> 
 
<ul id="tabbbs"> 
 
<li><a href="#first" id="ex">Click1</a></li> 
 
<li><a href="#second" id="ex">Click2</a></li> 
 
<li><a href="#third">Click3</a></li> 
 
</ul> 
 

 
<div id="first" > 
 
<p>LOREM IPSUM</p> 
 
</div> 
 
<div id="second" > 
 
<p>LOREM IPSUM</p> 
 
</div> 
 
<div id="third" > 
 
<p>LOREM IPSUM</p> 
 
</div> 
 
</div> 
 
<button type="submit" id="bt" class="single_add_to_cart_button button alt">OK</button>

來源

2017-08-05 07:58:30

我有推薦哪一個 – SandeepTete

這完美地工作......另外，我想知道是否有必要使用$（本）的jQuery V2.0.0。 addClass（ '激活'）;因爲它甚至沒有這個工作。 – SandeepTete

@SandeepTete我只是給你舉個例子。哈哈。意思是我怎麼能告訴你我的代碼工作與否。這只是一個例子 –

你可以用標籤指數也嘗試：

$('#bt').click(function() { 
    $("#tabs").tabs({ active: 1 }); 
});

來源

2017-08-05 08:05:26

如果你想點擊錨標籤，如此冷杉最重要的是，您需要在定位標記上綁定點擊事件，然後在點擊按鈕時觸發點擊事件。像下面方法

$(function(){ 
 

 
$('#ex').click(function() { 
 
    console.log('Hello clicked!'); 
 
}); 
 

 

 
$('#bt').click(function() { 
 
    $('#ex').click(); 
 
}); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div id="tabs"> 
 
    <ul id="tabbbs"> 
 
    <li><a href="#first" id="ex">Hi</a></li> 
 
    <li><a href="#second" id="ex">Hello</a></li> 
 
    <li><a href="#third">By</a></li> 
 
    </ul> 
 

 
    <div id="first" > 
 
    <p>LOREM IPSUM</p> 
 
    </div> 
 
    <div id="second" > 
 
    <p>LOREM IPSUM</p> 
 
    </div> 
 
    <div id="third" > 
 
    <p>LOREM IPSUM</p> 
 
    </div> 
 
</div> 
 
<button type="submit" id="bt" class="single_add_to_cart_button button alt">OK</button>

來源

2017-08-05 09:03:22

按鈕單擊觸發器定位器選項卡

回答

相關問題