Question

我的html页面中有基本标记，并且有链接实际引用此基本URL，但是，当我想放置一个不引用基本URL的URL时 - 它不起作用!!

不引用基本网址的网址是： imageUrl：＆＃34; images / like.png＆＃34;， contentUrl：＆＃34; controls / small-pie-chart.html＆＃34;

这是代码：

<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>

Answer 1

尝试使用＆＃34; /＆＃34;在基本URL的末尾 <base href="http://demos.telerik.com/kendo-ui/tabstrip/right-to-left-support/" >

忽略html中的本地URL的基本URL

1 个答案: