Silverlight 中的选项卡装饰

发布于 2024-07-14 09:34:15 字数 187 浏览 3 评论 0原文

由于 Internet Explorer 中的 JQuery UI 出现问题,我在 Silverlight 中使用了一些选项卡。 我想在 sliverlight 中设置选项卡的样式,使其看起来像 JQuery UI 中的选项卡,但似乎只能采用一些褪色的颜色。

有人知道描述如何执行此操作的任何链接吗? 有没有办法将图像设置为选项卡?

I have some tabs I working with in Silverlight because of issues I'm having with JQuery UI in Internet Explorer. I want to style the tabs in sliverlight to look like the ones from JQuery UI but can only seem to get the to take some washed out colors.

Dose anyone know of any links that describe how to do this? Is there a way to set an image as the tab?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

家住魔仙堡 2024-07-21 09:34:15

我尝试使用 jQuery UI 选项卡插件并遇到了很多问题,但很快发现创建自己的选项卡插件非常容易。

像这样的东西......显然你可以根据你的要求进行皮肤

<div class="navcontainer">
 <ul>
  <li><a class="tab" id="p1" href="#1">Tab One</a></li>
  <li><a class="tab" id="p2" href="#2">Tab Two</a></li> 
 </ul>
</div>

然后在JS中

var pageUrl = new Array();          
pageUrl[1] = "pageone.php";
pageUrl[2] = "pagetwo.php";

$(document).ready(function() { 

 $(".tab").click(function() {
  loadTab($(this).attr('id')); 
 });

});

function loadTab(id) {
 if (pageUrl[id].length > 0) {
  $("#preloader").show();
  $.ajax({
   url: pageUrl[id], 
   cache: false,
   success: function(message) {                         
    $("#tabdiv").empty().append(message);
   }
  });                   
 }
}

不太准确的Silverlight答案,如果你觉得这不是很有帮助,那么很抱歉。 但希望可以节省您一些时间。

I tried to use the jQuery UI tabs plugin and had a lot of problems, but quickly found it was very easy to create my own.

Something like this... obviously you can skin this to your requirements

<div class="navcontainer">
 <ul>
  <li><a class="tab" id="p1" href="#1">Tab One</a></li>
  <li><a class="tab" id="p2" href="#2">Tab Two</a></li> 
 </ul>
</div>

Then in JS

var pageUrl = new Array();          
pageUrl[1] = "pageone.php";
pageUrl[2] = "pagetwo.php";

$(document).ready(function() { 

 $(".tab").click(function() {
  loadTab($(this).attr('id')); 
 });

});

function loadTab(id) {
 if (pageUrl[id].length > 0) {
  $("#preloader").show();
  $.ajax({
   url: pageUrl[id], 
   cache: false,
   success: function(message) {                         
    $("#tabdiv").empty().append(message);
   }
  });                   
 }
}

Not quite the exact Silverlight answer, so sorry if you don't find this very helpful. But hopefully might save you some time.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文