Javascript 如何在加载ajax模式时不重新加载
当用户单击下拉列表选择时,我会在屏幕上显示模式警报,如下所示:Javascript 如何在加载ajax模式时不重新加载,javascript,jquery,html,css,ajax,Javascript,Jquery,Html,Css,Ajax,当用户单击下拉列表选择时,我会在屏幕上显示模式警报,如下所示: $(document).ready(function(){ $('#id_state').change(function(e){ var selection = $("#id_state").val(); if(selection == 1){ event.preventDefault(); var entryType = 'diabetes
$(document).ready(function(){
$('#id_state').change(function(e){
var selection = $("#id_state").val();
if(selection == 1){
event.preventDefault();
var entryType = 'diabetes';
var data = new Object();
data.entryType = entryType;
programAlertModal(programAlertModalCallback, data);
return false;
}
});
$('#id_state').trigger('change');
});
<div class="takeover">
<div class="takeover-bg"></div>
<div class="takeover-body">
{% if entry_type == 'diabetes' %}
<h1>My awesome title</h1>
<a href="">Dismiss</a>
</div>
</div>
然后在此处调用程序警报模式:
programAlertModal:function(callback, data){
var entryType = data.entryType;
var url = '/shared/enrollment/'+entryType+'/';
$.get(url, function(result) {
callback(result, entryType);
return false;
});
},
programAlertModalCallback:function(result, entryType){
$( "body" ).append(result);
},
结果是一些html如下所示:
$(document).ready(function(){
$('#id_state').change(function(e){
var selection = $("#id_state").val();
if(selection == 1){
event.preventDefault();
var entryType = 'diabetes';
var data = new Object();
data.entryType = entryType;
programAlertModal(programAlertModalCallback, data);
return false;
}
});
$('#id_state').trigger('change');
});
<div class="takeover">
<div class="takeover-bg"></div>
<div class="takeover-body">
{% if entry_type == 'diabetes' %}
<h1>My awesome title</h1>
<a href="">Dismiss</a>
</div>
</div>
{%if条目_type=='diabetes%}
我最棒的头衔
如何在不重新加载页面(并清除下拉选择)的情况下关闭加载的内容?向“关闭”链接添加一个类,以便我们可以引用它:
<a href="#" class="dismiss">Dismiss</a>
将
e
参数传递给函数并添加e.preventDefault()
以防止重新加载页面的标记的默认行为。您还应该在a
中包含href=“#”
,因为在某些情况下留空会带来一些麻烦。您可以发布更多代码吗?您可以发布小提琴吗?@VitorLuis我发布了更多代码。你也需要css吗?