Javascript 忽略本地url的html中的基本url
我在我的html页面中有一个基本标记,并且有一些链接实际上引用了这个基本url,但是,当我想放置一个不引用基本url的url时,它不起作用 未引用基本url的url为: imageUrl:“images/like.png”, contentUrl:“控件/小饼图.html” 代码如下:Javascript 忽略本地url的html中的基本url,javascript,html,base,Javascript,Html,Base,我在我的html页面中有一个基本标记,并且有一些链接实际上引用了这个基本url,但是,当我想放置一个不引用基本url的url时,它不起作用 未引用基本url的url为: imageUrl:“images/like.png”, contentUrl:“控件/小饼图.html” 代码如下: html{ 字体大小:14px; 字体系列:Arial、Helvetica、无衬线字体; } $(“#tabstrip图像”).kendoTabStrip({ 动画:{ 开放式:{ 效果:“法登”
html{
字体大小:14px;
字体系列:Arial、Helvetica、无衬线字体;
}
$(“#tabstrip图像”).kendoTabStrip({
动画:{
开放式:{
效果:“法登”
}
},
dataTextField:“文本”,
dataImageUrlField:“imageUrl”,
dataContentUrlField:“contentUrl”,
数据源:[
{
正文:“נתיםכלים”,
imageUrl:“images/like.png”,
contentUrl:“控件/小饼图.html”
},
{
正文:“מכנתביצט”,
imageUrl:“images/like.png”,
contentUrl:“控件/小饼图.html”
}
]
}).数据(“kendoTabStrip”)。选择(0);
html,
身体{
位置:固定;
身高:100%;
宽度:100%;
保证金:0;
填充:0;
边框宽度:0;
}
#tabstrip父项,
#标签{
保证金:0;
填充:0;
边框宽度:0;}
.k-tabstrip.k-content{
位置:固定;
身高:100%;
宽度:100%;
}
在基本URL末尾尝试使用“/”
<base href="http://demos.telerik.com/kendo-ui/tabstrip/right-to-left-support" >
<style>
html {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
</style>
<title></title>
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.3.1111/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.3.1111/styles/kendo.metroblack.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.3.1111/styles/kendo.rtl.min.css" />
<script src="//kendo.cdn.telerik.com/2015.3.1111/js/jquery.min.js"></script>
<script src="//kendo.cdn.telerik.com/2015.3.1111/js/kendo.all.min.js"></script>
<div id="example">
<div class="k-rtl">
<div class="demo-section k-content">
<div id="tabstrip-images"></div>
</div>
<script>
$("#tabstrip-images").kendoTabStrip({
animation: {
open: {
effects: "fadeIn"
}
},
dataTextField: "text",
dataImageUrlField: "imageUrl",
dataContentUrlField: "contentUrl",
dataSource: [
{
text: "נתונים כלליים",
imageUrl: "images/like.png",
contentUrl: "controls/small-pie-chart.html"
},
{
text: "מוכנות ביצוע",
imageUrl: "images/like.png",
contentUrl: "controls/small-pie-chart.html"
}
]
}).data("kendoTabStrip").select(0);
</script>
</div>
</div>
<style>
html,
body{
position: fixed;
height: 100%;
width:100%;
margin: 0;
padding: 0;
border-width: 0;
}
#tabstrip-parent,
#tabstrip {
margin: 0;
padding: 0;
border-width: 0; }
.k-tabstrip .k-content {
position: fixed;
height: 100%;
width:100%;
}
</style>