Javascript jQuery单击类加载链接
我在wordpress中安装了一个脚本,可以将选定的视频添加到收藏夹中。代码是这样的:当用户点击一个按钮时,脚本会发送一个请求,比如?wpfpaction=add&postid=147,我有这样的视频idJavascript jQuery单击类加载链接,javascript,jquery,Javascript,Jquery,我在wordpress中安装了一个脚本,可以将选定的视频添加到收藏夹中。代码是这样的:当用户点击一个按钮时,脚本会发送一个请求,比如?wpfpaction=add&postid=147,我有这样的视频id <div class="wrap-box-video" id="424"> <div class="button_fav"> <a href="?wpfpaction=add&postid=424" rel=nofollow"><
<div class="wrap-box-video" id="424">
<div class="button_fav">
<a href="?wpfpaction=add&postid=424" rel=nofollow"><img src="blabla" /></a>
</div>
</div>
我现在的问题是,如何使它工作,因为这只会给我一个警报,如果我删除警报不工作,我希望这个加载,而不是在url中显示不显示?wpperation。。。。在url之后是的。给定
<div class="wrap-box-video" id="424">
<div class="button_fav">
<a href="?wpfpaction=add&postid=424" rel=nofollow"><img src="blabla" /></a>
</div>
</div>
有几种方法可以做到这一点,但最简单的方法可能是使用HTML数据元素,即数据id=yourIdNumber,然后在单击事件中放入类似的内容-$this.closest'.wrap box video'.data'id' 最后的HTML将是这样的:
<div class="wrap-box-video" id="424">
<div class="addfav">
<a href="?wpfpaction=add&postid=424" rel="nofollow"><img src="blabla" alt="add" /></a>
</div>
</div>
<div class="wrap-box-video" id="425">
<div class="removefav">
<a href="?wpfpaction=add&postid=424" rel="nofollow"><img src="blabla" alt="remove" /></a>
</div>
</div>
它假定您的删除URL为wpfpaction=remove&postid=424
这可能有效
$('.button_fav').click(
function(){
var myHref = $(this).children("a").attr('href');
var videoId = $(this).parents(".wrap-box-video").attr("id");
}
);
先关上你的a!:D$document.readyfunction{$div.addfav.ClickFunction{e.preventDefault;alertwindow.location.href.split'?'[0]+?wpfpaction=add&postid=+$this.parents.wrap-box-video.attrid;};}这很好用,它会显示警报。。但是我怎样才能在url中加载它呢?要使其正常工作…嘿@user3469760,只需使用此选项而不是警告:document.location.href=window.location.href.split'?'[0]+?wpfpaction=add&postid=+$this.parents'div.wrap-box-video'.first.attrid;更新
<div class="wrap-box-video" id="424">
<div class="addfav">
<a href="?wpfpaction=add&postid=424" rel="nofollow"><img src="blabla" alt="add" /></a>
</div>
</div>
<div class="wrap-box-video" id="425">
<div class="removefav">
<a href="?wpfpaction=add&postid=424" rel="nofollow"><img src="blabla" alt="remove" /></a>
</div>
</div>
$(document).ready(function(){
$("div.wrap-box-video a").click(function(e){
e.preventDefault();
if($(this).parent().hasClass('addfav'))
{
alert(window.location.href.split('?')[0] + "?wpfpaction=add&postid=" + $(this).parents('div.wrap-box-video').first().attr("id"));
}
else
{
alert(window.location.href.split('?')[0] + "?wpfpaction=remove&postid=" + $(this).parents('div.wrap-box-video').first().attr("id"));
}
});
});
$('.button_fav').click(
function(){
var myHref = $(this).children("a").attr('href');
var videoId = $(this).parents(".wrap-box-video").attr("id");
}
);