Jquery要怎样触发某个链接点击事件
用户点击某个链接时,出来一个选项“是”,“否”当用户点击“是”时,关闭此窗口同时显示另一个隐藏的文本框,不做html跳转,在现有的面页上。请哪位高手帮帮我,特急!!!!小...
用户点击某个链接时,出来一个选项“是”,“否”当用户点击“是”时,关闭此窗口同时显示另一个隐藏的文本框,不做html跳转,在现有的面页上。请哪位高手帮帮我,特急!!!!小弟初次接触!!
小弟就没分了百度刚刚吞了我的问题连分都吞了!!!!请高手帮帮忙吧
下面是我的jq代码,请大侠帮帮忙吧!(这里面没有添加隐藏层,能不能帮我添加一个隐藏层)
var theOptions = jQuery.extend ({
question: "点击是可以出现文本框",
yesAnswer: "是",
cancelAnswer: "否"
}, options);
return this.each (function () {
$(this).bind('click', function(e) {
e.preventDefault();
thisHref= $(this).attr('href');
if($(this).next('.question').length <= 0)
$(this).after('<div class="question">'+theOptions.question+'<br/> <span class="yes">'+theOptions.yesAnswer+'</span><span class="cancel">'+theOptions.cancelAnswer+'</span></div>');
$(this).next('.question').animate({opacity: 1}, 500);
$('.yes').bind('click', function(){
window.location = textfk;
});
$("#textfk").slideDown("slow");
$("#textfk").css({ display: "none" });
$('.cancel').bind('click', function(){
$(this).parents('.question').fadeOut(500, function() {
$(this).remove();
});
});
});
});
}
})(jQuery);
问你已经解决,感谢id为 rot_pretense 的朋友 展开
小弟就没分了百度刚刚吞了我的问题连分都吞了!!!!请高手帮帮忙吧
下面是我的jq代码,请大侠帮帮忙吧!(这里面没有添加隐藏层,能不能帮我添加一个隐藏层)
var theOptions = jQuery.extend ({
question: "点击是可以出现文本框",
yesAnswer: "是",
cancelAnswer: "否"
}, options);
return this.each (function () {
$(this).bind('click', function(e) {
e.preventDefault();
thisHref= $(this).attr('href');
if($(this).next('.question').length <= 0)
$(this).after('<div class="question">'+theOptions.question+'<br/> <span class="yes">'+theOptions.yesAnswer+'</span><span class="cancel">'+theOptions.cancelAnswer+'</span></div>');
$(this).next('.question').animate({opacity: 1}, 500);
$('.yes').bind('click', function(){
window.location = textfk;
});
$("#textfk").slideDown("slow");
$("#textfk").css({ display: "none" });
$('.cancel').bind('click', function(){
$(this).parents('.question').fadeOut(500, function() {
$(this).remove();
});
});
});
});
}
})(jQuery);
问你已经解决,感谢id为 rot_pretense 的朋友 展开
5个回答
展开全部
加我吧~·懒得分析代码
追问
加你了!!!!
追答
不是百度HI是QQ
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<a href="javascript:void(0)"></a>
$("a").click(function(){alert('1');}
$("a").click(function(){alert('1');}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$("a").click(function(){alert('1');}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这个不需要用JQUERY,用JS就行了
追问
不会写可以优化的界面的,能帮忙写一个吗?或者你可以告诉我要出现另一个文本框window.location = textfk;应该改成什么吗?现在这个是转入到另一个html,我要的是点击“yes”后取消现有的选项出现另一个隐藏的文本框
$('.yes').bind('click', function(){
window.location = textfk;
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
此窗口是指弹出来的是和否的那个窗口吗 隐藏的文本是设置为隐藏属性的label吗 如果是 下面这个就是你要的
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(function () {
$("a").click(function () {
$("body").append("<div id='div1' style='width:300px; height:100px; border:1px solid red;'><input id='yes' type='button' style='width:50px;' value='Yes'/><input id='no' type='button' style='width:50px;' value='No'/></div>");
$("#yes").click(function () {
$("#div1").css({ "display": "none" });
$("label").css({ "display": "block" });
});
})
});
</script>
</head>
<body>
<ul>
<li><a>Click11</a></li>
<label style="display:none;">我是隐藏的文本</label>
</ul>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="Scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(function () {
$("a").click(function () {
$("body").append("<div id='div1' style='width:300px; height:100px; border:1px solid red;'><input id='yes' type='button' style='width:50px;' value='Yes'/><input id='no' type='button' style='width:50px;' value='No'/></div>");
$("#yes").click(function () {
$("#div1").css({ "display": "none" });
$("label").css({ "display": "block" });
});
})
});
</script>
</head>
<body>
<ul>
<li><a>Click11</a></li>
<label style="display:none;">我是隐藏的文本</label>
</ul>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询