使用jQuery和CSS動畫的網站除了Safari之外的其他地方都可以使用

我是jQuery的新手，下面的鏈接適用於FF，Chrome和Opera，但不適用於Safari。使用jQuery和CSS動畫的網站除了Safari之外的其他地方都可以使用

<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>Reverse Records - Klick me</title> 



     <link rel="stylesheet" href="css/style.css"> 


</head> 

<body> 
    <div class='selector'> 
    <ul> 
    <li> 
     <input id='1' type='checkbox'> 
     <label for='1'>Option 1</label> 
    </li> 
    <li> 
     <input id='2' type='checkbox'> 
     <label for='2'>Option 2</label> 
    </li> 
    <li> 
     <input id='3' type='checkbox'> 
     <label for='3'>Option 3</label> 
    </li> 
    <li> 
     <input id='4' type='checkbox'> 
     <label for='4'>Option 4</label> 
    </li> 
    </ul> 
    <div class="button1"></div> 
</div> 
    <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> 
    <script src="js/index.js"></script> 


</body>

https://jsfiddle.net/dceh27we/#&togetherjs=jM21DCBopb

它怎麼能工作呢？我忘了什麼嗎？

來源

2017-07-29 David Nöldner

請在您的代碼中付出努力。擺脫冗餘的東西，比如你正在加載的腳本，並把它們放在JS窗口中。確保所有標籤都已關閉，等等。 –

也許，
檢查您所使用的CSS屬性在Safari瀏覽器

例如支持，

animation-name, -webkit-animation-name...

這些被用來命名爲不同的瀏覽器。

來源

2017-07-29 17:34:55

有沒有幫助。看起來Safari並不認識css數據本身，因爲它可以在任何其他webkit引擎瀏覽器上運行。 –

好的，你可以嘗試其他網站在你的Safari瀏覽器，我不知道，可能只是重新安裝Safari瀏覽器將是很好的。 –

使用jQuery和CSS動畫的網站除了Safari之外的其他地方都可以使用

回答

相關問題