至于上下文,在我的页面中,当我点击标签时,它会过滤掉并显示与点击标签对应的帖子,从这里我需要处理分页以转到下一堆帖子。if语句中的JQuery选择器
但我在这里用jQuery挣扎了javascript if
声明,在这里我没有设法区分点击标签和点击下一个按钮去下一页。
最重要的是,而我点击标签或下一个按钮,我需要时刻获取相同的变量$clickTag
,$catName
,$page
只有当我点击标签名称
$clickTag
价值变动和
$page
值的变化,如果我上单击下一步按钮
在我目前的状况,第一部分是在标签上点击,但第二部分else
时不正常if
,我想抓住的页面数量,而是它抓住文本,并将其存储在$clickTag
变量...
(function($) {
$doc = $(document);
$doc.ready(function() {
var $container = $('#main');
var $pagePosts = $container.find('article');
var $postNav = $('nav');
var $status = $('.ajax_tag');
var $catName = "";
var $name = "";
var $page = "1";
var $clickTag = "";
$("a[rel='tag']").addClass("tag");
$pagePosts.wrapAll("<span class='my_container'></span>");
var $myContainer = $('.my_container');
$container.on('click', "a[rel='tag'], .pagination a", function(tag) {
event.preventDefault();
if ($('.tag')) {
$clickTag = $(tag.target).text();
getCatName($name);
$page = "1";
} else {
$clickTag = $(tag.target).text();
getCatName($name);
$page = parseInt($this.attr('href').replace(/\D/g, ''));
}
$params = {
'tag': $clickTag,
'cat': $catName,
'page': $page,
};
get_posts($params);
});
});
})(jQuery);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="primary" class="content-area">
<main id="main" class="site-main" role="main">
<span class="my_container">
<article id="post-4996" class="post-4996 post type-post status-publish format-standard hentry category-mdu_news tag-dog">
<header class="entry-header">MDU_TEST \t \t
<a href="http://192.168.33.10/mdu_test/mdu_news/4996" rel="bookmark">MDU – allez un petit dernier pour la route</a>
<div id="ajax_tag">TAGS:<a href="http://192.168.33.10/tag/dog" rel="tag" class="tag">dog</a>
<div class="MDU_TEST"></div>
</div>
</header>
</article>
<article id="post-4994" class="post-4994 post type-post status-publish format-standard hentry category-mdu_news tag-cat tag-dog">
<header class="entry-header">MDU_TEST \t \t
<a href="http://192.168.33.10/mdu_test/mdu_news/4994" rel="bookmark">MDU – vu que j’ai pas mal de tags je dois faire beaucoup de posts…</a>
<div id="ajax_tag">TAGS:<a href="http://192.168.33.10/tag/cat" rel="tag" class="tag">cat</a>, <a href="http://192.168.33.10/tag/dog" rel="tag" class="tag">dog</a>
<div class="MDU_TEST"></div>
</div>
</header>
</article>
</span>
<nav class="navigation pagination" role="navigation">
<h2 class="screen-reader-text">Posts navigation</h2>
<div class="nav-links">
<span class="page-numbers current">
<span class="meta-nav screen-reader-text">page </span>1
</span>
<a class="page-numbers" href="http://192.168.33.10/category/mdu_test/page/2">
<span class="meta-nav screen-reader-text">page </span>2</a>
<a class="page-numbers" href="http://192.168.33.10/category/mdu_test/page/3"><span class="meta-nav screen-reader-text">page </span>3</a>
<a class="next page-numbers" href="http://192.168.33.10/category/mdu_test/page/2">next page</a>
</div>
</nav>
</main>
</div>
我无法理解什么是您的'$(“标签”)平均'但这句话总是检查'exp'不是'null'类型不是'undefined'而不是'FALSE'所以在你的情况下,它总是返回true,并且你永远无法看到else条件。 – farhadamjady
另外,event.preventDefault();因为你命名了var'tag',所以'event'不可用。 –
@farhadamjady,okey有效,错误的她,但你如何检查,如果我已经有效地点击了在if语句中包含类标签的链接? –