Question

我正在尝试从视图中取出一个组件并将其放在一个部分视图中。样式在原始视图上正常工作。当我调用局部视图时，组件的所有样式都会消失。以下是部分视图中的代码......

<form method="post" action="/controller/function" class="wizard-big">
    <div class="ibox-content">
        <div id="Selector">
            <select name="Selector" class="form-control dual_select" multiple>
                @{
                    foreach (var item in Model)
                    {
                        <option value=@item.id>@item.name</option>
                    }
                }
            </select>
        </div>
    </div>
</form>

主视图中的ajax调用就在这里......

<script>
        var localModel = @Html.Raw(JsonConvert.SerializeObject(Model));
        $(document).ready(function() {
            $.ajax({
                type: "POST",
                data: JSON.stringify(localModel),
                url: "../shared/ClientProgramSelector",
                contentType: "application/json"
            }).done(function(result) {
                $("#clientProgramSelectorPlaceholder").html(result);
            });
        });
    </script>

最后，样式都位于页面底部的样式部分。

@section Scripts {
    <environment names="Development">
        <script src="~/lib_bower/jasny-bootstrap/dist/js/jasny-bootstrap.js"></script>
        <script src="~/lib_bower/bootstrap-datepicker/dist/js/bootstrap-datepicker.js"></script>
    </environment>
    <environment names="Staging,Production">
        <script src="~/lib_bower/jasny-bootstrap/dist/js/jasny-bootstrap.min.js"></script>
        <script src="~/lib_bower/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
    </environment>

    <script src="~/lib/iCheck/icheck.min.js"></script>
    <script src="~/js/plugins/dualListbox/jquery.bootstrap-duallistbox.js"></script>

非常感谢任何帮助。我测试了其他样式，并且它不是这个项目，所有其他样式都从局部视图丢失到主视图。所以，显然我做错了什么，我无法找到它。感谢。

来自ajax的MVC PartialView调用没有样式

0 个答案: