Javascript 如何使用jQuery在onclick事件上快速隐藏锚标记元素?
我有两个超链接。我在单击其他超链接时隐藏了一个超链接,反之亦然。它在我本地的机器上运行得非常好。但当我从在线服务器上传并运行相同的功能时,问题就出现了 在服务器上,与本地计算机实例相比,相关的超链接隐藏的速度并没有更快。因此,用户可以再次单击他已单击的超链接,该链接预计将被隐藏。隐藏相关的超链接需要一两分钟。我不想耽搁。点击事件后,超链接应立即隐藏。我尝试禁用/启用超链接,但没有成功 我的代码如下:Javascript 如何使用jQuery在onclick事件上快速隐藏锚标记元素?,javascript,jquery,html,hyperlink,show-hide,Javascript,Jquery,Html,Hyperlink,Show Hide,我有两个超链接。我在单击其他超链接时隐藏了一个超链接,反之亦然。它在我本地的机器上运行得非常好。但当我从在线服务器上传并运行相同的功能时,问题就出现了 在服务器上,与本地计算机实例相比,相关的超链接隐藏的速度并没有更快。因此,用户可以再次单击他已单击的超链接,该链接预计将被隐藏。隐藏相关的超链接需要一两分钟。我不想耽搁。点击事件后,超链接应立即隐藏。我尝试禁用/启用超链接,但没有成功 我的代码如下: <script language="javascript" type="text/java
<script language="javascript" type="text/javascript">
$(".fixed").click(function(e) {
var action_url1 = $(this).attr('delhref');
var qid = $(this).data('q_id');
$(".fixed").colorbox({inline:true, width:666});
$("#fixedPop_url").off('click').on('click',function(event) {
event.preventDefault();
$.get(action_url1, function(data) {
//$("#fix_"+qid).bind('click', false);
$("#fix_"+qid).hide();//This portion of code I want to make fast, it's taking some time to hide and meanwhile user can click on this link. I want to avoid it.
$("#notfix_"+qid).show();
//$("#notfix_"+qid).bind('click', true);
alert("Question status updated successfully");
});
});
$(".c-btn").bind('click', function(){
$.colorbox.close();
});
});
$(".notfixed").click(function(e) {
var action_url2 = $(this).attr('delhref');
var qid = $(this).data('q_id');
$(".notfixed").colorbox({inline:true, width:666});
$("#notfixedPop_url").off('click').on('click',function(event){
event.preventDefault();
$.get(action_url2, function(data) {
//$("#notfix_"+qid).bind('click', false);
$("#notfix_"+qid).hide();//This portion of code I want to make fast, it's taking some time to hide and meanwhile user can click on this link. I want to avoid it.
$("#fix_"+qid).show();
//$("#fix_"+qid).bind('click', true);
alert("Question status updated successfully");
});
});
</script>
$(“.fixed”)。单击(函数(e){
var action_url1=$(this.attr('delhref');
var qid=$(this).data('q_id');
$(“.fixed”).colorbox({inline:true,width:666});
$(“#fixedPop_url”).off('click').on('click',函数(事件){
event.preventDefault();
$.get(操作1,函数(数据){
//$(“#修复”+qid).bind('click',false);
$(“#fix"+qid).hide();//这部分代码我想快速编写,隐藏起来需要一些时间,同时用户可以单击此链接。我想避免它。
$(“#notfix_uu”+qid).show();
//$(“#notfix”+qid).bind('click',true);
警报(“问题状态更新成功”);
});
});
$(“.c-btn”).bind('click',function(){
$.colorbox.close();
});
});
$(“.notfixed”)。单击(函数(e){
var action_url2=$(this.attr('delhref');
var qid=$(this).data('q_id');
$(“.notfixed”).colorbox({inline:true,width:666});
$(“#notfixedPop_url”).off('click').on('click',函数(事件){
event.preventDefault();
$.get(操作2,函数(数据){
//$(“#notfix”+qid).bind('click',false);
$(“#notfix_uquo;+qid).hide();//这部分代码我想快速编写,隐藏起来需要一些时间,同时用户可以单击此链接。我想避免它。
$(“#修复”+qid).show();
//$(“#修复”+qid).bind('click',true);
警报(“问题状态更新成功”);
});
});
您不必在获取
请求的完整功能中编写隐藏部分代码。在live上获取rspond需要时间。因此只需将其保留在获取
功能之外。类似以下内容:
$(".fixed").click(function(e) {
var action_url1 = $(this).attr('delhref');
var qid = $(this).data('q_id');
$("#fix_"+qid).hide();
//rest code......
});
$(".notfixed").click(function(e) {
var action_url2 = $(this).attr('delhref');
var qid = $(this).data('q_id');
$("#notfix_"+qid).hide();//hide it here
//rest code......
});