jQuery switch 2由OS划分

时间:2014-11-11 08:36:22

标签: jquery operating-system

我现在使用jQuery几天,我的项目有问题。 我有3个Div:1个下载Div for Windows安装,1个用于OSX下载,1个Div包含这两个。 我已经有了检查操作系统的脚本,但现在我想要,如果用户有mac,下载的OSX版本从第2个移动到第1个,这样WIndows DL位于底部而Mac首先是但是只有当你使用时才苹果电脑。我试过.prependTo和appendTo

<div id="container">
<div windows>
<div class="oslogo">
 OS logo
  </div>
  <div class="download">
 DL img
</div>
 <div class="host">
 DL Host version
  </div>
</div>



<div mac>
<div class="oslogo">
 OS logo
  </div>
  <div class="download">
 DL img
</div>
 <div class="host">
 DL Host version
  </div>
</div>
</div>

Jquery的:

<script type='text/javascript'>
$(document).ready(function(){ 
if (navigator.appVersion.indexOf("Mac")!=-1) $("#mac").prependto("#container");
});
</script

2 个答案:

答案 0 :(得分:0)

我认为你想首先分离元素,即

<script type='text/javascript'>
    $(document).ready(function(){ 
        if (navigator.appVersion.indexOf("Mac")!=-1){
            $("#mac").detach().prependTo("#container");
        }
    });
</script>

答案 1 :(得分:0)

感谢您的回复,但它仍然无法正常工作我必须更改您的代码,因为它更改了整个文档(不知道原因)并且我现在使用此代码:

<script type='text/javascript'>
$(document).ready(function(){ 
if (navigator.appVersion.indexOf("Win")!=-1) 
$("#mac").detach();
if (navigator.appVersion.indexOf("Win")!=-1) 
$("#mac").appendto("#container");
});
</script

(我没有测试的mac,所以我有#34; .indexOf(&#34; Win&#34;)&#34;在其中)

所以,这个脚本现在分离#mac但不会再次添加