![](/img/trans.png)
[英]How to call a JQuery function defined in $(window).load from an HREF
[英]how to call jquery function with different <a href=“”>
我想调用2个不同的jquery函数来隐藏链接
<a href="">.zip file, first link
</a>
<script>
$("a").click(function() {
location.href="first.location";
return false;
});
</script>
<a href="">.tar.gz file, second link
</a>
<script>
$("a").click(function() {
location.href=="second.location";
return false;
});
</script>
如何调用这两个功能,以便我第一个单击第一个链接,第二个单击第二个链接?
谢谢你
这不是最佳解决方案。 为了获得最佳结果,您可能需要重组html并向链接或其父级添加某种类和ID,以标识它们。 但这会起作用
对于第一个链接
$("a:eq(0)").click(function() {
location.href="first.location";
return false;
});
对于第二个链接
$("a:eq(1)").click(function() {
location.href=="second.location";
return false;
});
如果在标记中设置href
,则不需要JQuery
或Javascript
。
<a href="first.location">.zip file, first link
</a>
<a href="second.location">.tar.gz file, second link
</a>
您可以在此处使用:eq()选择器 ,例如:
// Clicking the first link
$("a:eq(0)").click(function () {
location.href = "first.location";
return false;
});
// Clicking the second link
$("a:eq(1)").click(function () {
location.href = "second.location";
return false;
});
就像已经建议的那样,最好的方法是为这些标签使用不同的ID。 但是,如果由于某种原因您不想分配ID(为什么要这样做?),您可以执行以下操作:
将锚标记包装在div中,并给它一个id
<div id="myDiv">
<a href="#">First Link</a>
<a href="#">Second Div</a>
</div >
然后使用jQuery进行链接:
<script>
$(function(){
$("myDiv").children(a:first-child).click(function(){
// Do stuff here
});
$("myDiv").children(a:last-child).click(function(){
// Do stuff here
});
});
</script>
我认为这可能会有所帮助:
<a id="first" href="">.zip file, first link</a>
<script>
$("first").click(function() {
location.href="first.location";
return false;
});
</script>
<a id="second" href="">.tar.gz file, second link </a>
<script>
$("second").click(function() {
location.href=="second.location";
return false;
});
</script>
您可以在链接中引入id属性。 然后根据元素的ID触发事件。
<a href="" id='link1'>.zip file, first link
</a>
<script>
$("#link1").click(function() {
location.href="first.location";
return false;
});
</script>
<a href="" id='link2'>.tar.gz file, second link
</a>
<script>
$("#link2").click(function() {
location.href=="second.location";
return false;
});
</script>
在html(href)中提供链接
$("a").click(function()
{
location.href = $(this).attr('href');
return false;
});
$("a:eq(0)").click(function() { location.href="first.location"; return false; });
$("a:eq(1)").click(function() { location.href=="second.location"; return false; });
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.