Jquery ASP.NET MVC通过按钮渲染局部视图单击不渲染引导选择
我对.NETMVC和Jquery/CSS之类的东西比较陌生 我正在开发一个功能,当我点击一个按钮时,它会显示一个局部视图。我不希望它在页面加载时呈现,但是当我单击按钮时。我已经在进行的操作,我的问题与库引导选择和应用于部分视图中显示的组件的样式有关 我将使用下一个代码段执行此操作:Jquery ASP.NET MVC通过按钮渲染局部视图单击不渲染引导选择,jquery,asp.net-mvc,twitter-bootstrap-3,asp.net-mvc-partialview,bootstrap-select,Jquery,Asp.net Mvc,Twitter Bootstrap 3,Asp.net Mvc Partialview,Bootstrap Select,我对.NETMVC和Jquery/CSS之类的东西比较陌生 我正在开发一个功能,当我点击一个按钮时,它会显示一个局部视图。我不希望它在页面加载时呈现,但是当我单击按钮时。我已经在进行的操作,我的问题与库引导选择和应用于部分视图中显示的组件的样式有关 我将使用下一个代码段执行此操作: $("#btn-create-new").on("click", function () { $('#myTabs a[href="#new-product-form-create-new"]').t
$("#btn-create-new").on("click", function () {
$('#myTabs a[href="#new-product-form-create-new"]').tab('show');
//var tab_content_height = $('.modal-new-product-form').height() - $('#myTabs').height();
//$('.tab-content').height(tab_content_height);
$("#new-product-form-create-new").load('@Url.Action("PreCreationForm", "Home", new { createAction = "new" })');
});
当我这样做时,我认为引导选择的JS没有被执行。但当我在视图中渲染PartialView时:
@Html.Partial("~/Views/Home/PreCreationForm.cshtml")
已正确应用“选择零部件”的样式。我需要第一种方法,因为我需要在控制器中执行一些操作
也许这是一个绝对没有问题的问题,但我在这个领域没有太多经验
谢谢大家抽出时间,
André我不确定我是否理解正确,但问题是,当您加载partialview时,引导选择是在jquery文档准备就绪后定义的。因此,引导选择不适用于在文档准备就绪后创建的新元素。在呈现partialview之后,必须调用bootstrap select方法来初始化“插件”
var variableHere = "new";
var urlAjax = '@Url.Action("PreCreationForm", "Home")';
$.ajax({
url: urlAjax,
type: "GET",
cache: false,
data: {createAction : variableHere},
success: function(result){
$("#new-product-form-create-new").html(result);
//whatever the init function is called you change it
$("#yourElement").bootstrap-select();
}
});
我想这就是你的意思 我不确定我是否理解正确,但问题是,在加载partialview时,引导选择是在jquery文档准备就绪后定义的。因此,引导选择不适用于在文档准备就绪后创建的新元素。在呈现partialview之后,必须调用bootstrap select方法来初始化“插件”
var variableHere = "new";
var urlAjax = '@Url.Action("PreCreationForm", "Home")';
$.ajax({
url: urlAjax,
type: "GET",
cache: false,
data: {createAction : variableHere},
success: function(result){
$("#new-product-form-create-new").html(result);
//whatever the init function is called you change it
$("#yourElement").bootstrap-select();
}
});
我想这就是你的意思 我想你们会在这里找到答案,我想你们会在这里找到答案,它解决了,至少部分解决了。我必须更改$(“#yourElement”).bootstrap-select();到$('.selectpicker')。selectpicker();它至少部分地解决了这个问题。我必须更改$(“#yourElement”).bootstrap-select();到$('.selectpicker')。selectpicker();