Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在加载ajax模式时不重新加载_Javascript_Jquery_Html_Css_Ajax - Fatal编程技术网

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吗?