<a> tag is not working</a>上的OnClick功能

Question

我正试图通过点击<a>标签进行导航，但是我在这里无法正常工作

HTML

<a id="openPopup"  href="#myPopup" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all">Show Popup</a>

脚本

$.('#openPopup').click(function() {
    window.location = 'http://www.google.com';
        }); 

它会正确显示弹出窗口但不会导航到google ..

Answer 1

点代表什么..？删除它。

   $.('#openPopup').click(function() {
//--^

并在点击处理程序中使用event.preventDefault()以避免其默认操作

完整代码，

$('#openPopup').click(function(e) {
   e.preventDefault();
   window.location = 'http://www.google.com';
}); 

Answer 2

从$.('#openPopup')删除点并使用$('#openPopup');

使用event.preventDefault()

$('#openPopup').click(function(event) {
    event.preventDefault();
    window.location = 'http://www.google.com';
 }); 

Answer 3

使用此

$('#openPopup').click(function() { // remove '.' from the code
   window.location = 'http://www.google.com';
});

这段时间的签名导致您的代码出现问题。

Answer 4

试试这个

$('#openPopup').click(function(event) {
    event.preventDefault();
    window.location = 'http://www.google.com';
 });