Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.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
Jquery选择的插件在Spring MVC响应后丢失样式_Jquery_Html_Css_Ajax_Spring - Fatal编程技术网

Jquery选择的插件在Spring MVC响应后丢失样式

Jquery选择的插件在Spring MVC响应后丢失样式,jquery,html,css,ajax,spring,Jquery,Html,Css,Ajax,Spring,我正在使用所选的jQuery插件 我有一个表单,用户可以从可用选项列表中进行选择。但是,当我提交表单并重新加载包含select元素的div时,样式将丢失,select元素将成为经典样式。经过一些调查,我意识到html内容(帖子前后)差别很大 这是内容 在提交之前,这是生成的html <div class="form-group " id="some"> <div> <select id="id" class="form-control">

我正在使用所选的jQuery插件

我有一个表单,用户可以从可用选项列表中进行选择。但是,当我提交表单并重新加载包含select元素的div时,样式将丢失,select元素将成为经典样式。经过一些调查,我意识到html内容(帖子前后)差别很大

这是内容

在提交之前,这是生成的html

<div class="form-group " id="some">
<div>
    <select id="id" class="form-control">
        <option value="">Select...</option>
        <option value="1">Option1</option>
        <option value="2">Option2</option>
        <option value="3">Option3</option>      
    </select>   

<div class="chosen-container chosen-container-single" style="width: 40px; min-width: 0px;" title="" id="id_chosen">
    <a class="chosen-single" tabindex="-1">
        <span class="chosen-single-content">Select...</span>            
    </a>

    <ul class="chosen-results">
        <li class="active-result result-selected" style="">Select...</li>
        <li class="active-result">Option1</li>
        <li class="active-result">Option2</li>
        <li class="active-result">Option3</li>

    </ul>
    </div>
</div>

选择。。。
选择1
选择2
选择3
选择。。。
  • 选择
  • 选项1
  • 选项2
  • 选项3

调用该服务后,我将返回包含select元素的div的内容与初始内容不相似的html代码

给你

<div class="form-group " id="wrapper_idrefAddAtcd" style="">
<div>
    <select id="id" class="form-control">
        <option value="">Sélect...</option>
        <option value="1">Option1</option>
        <option value="2">Option2</option>
        <option value="3">Option3</option>      
    </select>
</div>

选择。。。
选择1
选择2
选择3


如您所见,仅渲染“选择元素”的第一部分。我不知道第二部分到哪里去了。任何人都能知道这里发生了什么吗?

在更新select元素的内容后,需要为插件重新呈现事件

$("#form_field").trigger("chosen:updated");

更新select元素的内容后,需要为插件重新呈现事件

$("#form_field").trigger("chosen:updated");

当然,我试过了,但似乎没有什么改变。此ajax调用中的数据包含select元素,但不包含所需样式。$。ajax({type:“POST”,url:myurl,success:function(data){alert(data);}}}}});当我刷新页面时,一切都正常。我可以看到具有所需样式的select元素。但是当我发布页面时,我所有的麻烦都可以开始了……这是住在哪里吗?当然,我试过了,但似乎没有什么改变。此ajax调用中的数据包含select元素,但不包含所需样式。$。ajax({type:“POST”,url:myurl,success:function(data){alert(data);}}}}});当我刷新页面时,一切都正常。我可以看到具有所需样式的select元素。但是当我发布页面时,我所有的麻烦都可以开始了……这是生活在什么地方吗?