我有一个剑道标签,其中包含多个标签内容,每个内容都包含Javascript函数 $(document).ready()...
但是,它仅在第一次选择选项卡(加载的内容)时才执行,而当我选择另一个选项卡并返回到该选项卡时(因为已经加载了内容),$(document).ready()
不会执行该调用。
$(document).ready()
每次选择选项卡时,有什么方法可以使每次执行?(由于性能方面的考虑,每次都不能重新显示选项卡内容...)
任何建议表示赞赏!
您可以为每个单独的选项卡定义一个函数,并使用一些可用事件连接一个客户端事件以在TabStrip选择更改时进行拾取:
@Html.Kendo().TabStrip()
.Name("YourTabStrip")
.Events(events => events.Select("tabChanged"))
<script>
function tabChanged(e){
// Get your selected tab using (e.item);
var index = $("#YourTabStrip").data("kendoTabStrip").select().index();
// Based on the tab, trigger a function
switch(index){
default:
case 0:
LoadContentA();
case 1:
LoadContentB();
}
}
</script>
您可以重构$(document).ready()
各个选项卡中的每个调用,以仅调用switch
语句中指定的功能之一:
<script>
$(document).ready(function(){
LoadContentA();
});
function LoadContentA(){
// Do work here
}
</script>
我敢肯定,如果您通读了可用的Javascript API文档和ASP.NET MVC API文档,它可能有助于提供一些其他信息,以更好地解决此问题。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句