Question

<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" type="button" aria-expanded="true">
        <span class="visible-sm-inline visible-md-inline visible-lg-inline">Sort by</span>
        <span class="visible-xs-inline"><i class="fa fa-fw fa-sort"></i></span>
        <span class="caret"></span>
    </button>
<ul class="dropdown-menu pull-right">
        <li><a href="#" class="newest_to_oldest" data-sort="newest_to_oldest"><i class="fa fa-fw"></i> Newest to Oldest</a></li>
        <li><a href="#" class="oldest_to_newest" data-sort="oldest_to_newest"><i class="fa fa-fw"></i> Oldest to Newest</a></li>
        <li><a href="#" class="most_posts" data-sort="most_posts"><i class="fa fa-fw"></i> Most posts</a></li>
        <li><a href="#" class="zero" data-sort="zero"><i class="fa fa-fw"></i> Post senza risposta</a></li>
    <li><a href="#" class="most_views" data-sort="most_views"><i class="fa fa-fw fa-check"></i> Most Views</a></li></ul>

我需要检测何时点击此元素：

<li><a href="#" class="most_views" data-sort="most_views"><i class="fa fa-fw fa-check"></i> Most Views</a></li></ul>

问题是（我认为）当我点击元素时会重新加载页面，所以当我点击元素时我无法进行操作。我需要在我点击元素后，我可以在重新加载页面后进行操作，但我不知道是否可能。我的错误的jquery代码是：

$('a[data-sort]').click(function() {
  console.log("CLICK DAT SORT");
  if ($(this).is('[data-sort="most_views"]')) {
    // do my operation

  }
});

任何人都可以帮助我？

Answer 1

是的，你可以防止侮辱行为（对于a元素，就是打开链接）

//Include here
include('class.pdf2text.php');

$var = new PDF2Text();

//Set PDF
$var->setFilename('YOUR PDF.pdf');
$var->decodePDF();

//Desired Output
echo $var->output();

.click函数将事件传递给处理程序，事件可以停止：printf

Answer 2

如果您不想关注链接，请使用return false;

它将修改浏览器默认行为，并且不会重新加载您的页面。

$('a[data-sort]').click(function() {
     console.log("CLICK DAT SORT");
     if ($(this).is('[data-sort="most_views"]')) {
         // do my operation

         }

         return false;
});

如何避免在＆＃34;菜单下拉列表中重新加载页面＆＃34;使用JQUERY的HTML

2 个答案: