Question

我有以下HTML代码，我无法更改：

<div id="stepbystep" class="ui-tabs ui-widget ui-widget-content ui-corner-all">
  <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">
    <li class="ui-state-default ui-corner-top">
      <a href="#step-1">
        <span>Step 1</span>
      </a>
    </li>
    <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active">
      <a href="#step-2">
        <span>Step 2</span>
      </a>
    </li>
    <li class="ui-state-default ui-corner-top">
      <a href="#step-3">
        <span>Step 3</span>
      </a>
    </li>
</ul>
</div>

我想使用JQuery来监听其中一个href并点击href的目的地。这是我到目前为止的代码，但我收到错误TypeError: $(...) is null。我认为问题在于我的选择器$('div#stepbystep ul li a')。

var tabCheck = {
  ready : function() {
    $('div#stepbystep ul li a').click(
      function($e) {
        $e.preventDefault();
        window.open(this, 'FavoriteLink', '');
        alert(this.href)
      }
    );
  }
};

$(document).ready(tabCheck.ready);

感谢您的帮助

Answer 1

问题是因为我使用的是Joomla，所以不得不使用jQuery代替$，正如Rob Schmuecker在评论中所猜测的那样。我无法看到将评论标记为答案的方法，但谢谢！

由于警报没有弹出，它仍然无法正常工作，但我会针对此提出另一个问题。

Answer 2

尝试：

 $('#stepbystep ul li a')

你不需要＆＃39; $＆＃39;在$ e上...

并且可能添加一个jsfiddle页面？

Jquery：听点击href

2 个答案: