我有一个网址,例如:
<a data-toggle="modal" data-target="#globalModal" id="apply_to_job" href="<?php echo Config::get('URL');?>jobs/apply_to_job/<?php echo System::escape($this->job->job_id); ?>" class="btn btn-primary"><?php echo System::translate("Apply for job"); ?></a>
单击此HREF时,它将弹出一个包含其他内容的模态。完成此操作后,我想通过删除以下内容来重新设计锚点属性:
data-toggle="modal" data-target="#globalModal"
一旦他们再次单击新的HREF,我想将以上内容重新添加到锚点属性中
这是我拥有的jQuery,那么如何删除数据切换的东西?
$(document).ready(function()
{
$('#apply_to_job_form').on('submit', function(){
$.ajax({
url: $(this).attr('action'),
type: $(this).attr('method'),
dataType: 'json',
data: $(this).serialize(),
success:function(data){
if(!data.success){
$.notify(data.error, "error");
}else{
$.notify(data.success, "success");
$('#globalModal').modal('hide');
$('#apply_to_job').removeClass("btn-primary");
$('#apply_to_job').addClass("btn-danger");
$('#apply_to_job').attr("href", "<?php echo Config::get('URL'); ?>jobs/cancel_application/" + $('#job_id').val());
$('#apply_to_job').text("<?php echo System::escape("Cancel applicaiton"); ?>");
}
}
});
return false;
});
});
如您所见,它会更改href,但不会删除数据切换。
在您的jquery函数的else部分中使用这两行代码
$("#apply_to_job").removeAttr("data-toggle");
$("#apply_to_job").removeAttr("data-target");
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句