2014-03-25 18 views
-1

我使用的是: http://codesandnotes.com/sticky-elements/(請參閱jsfiddle) 但我在使其工作中遇到問題。粉紅色的CSS拉過,但不粘/不變爲紅色。JavaScript不通過 - 粘杆

我已經將文章更改爲在html和js中放在一邊。我正在使用wordpress。我已經將js添加到js文件夾中,並在標題中調用它,並將其引入正確的模板中。我已將CSS添加到主style.css。 js和css文件位於不同的位置 - 這是什麼阻止js被調用?

任何幫助將不勝感激。謝謝

+1

在問題本身中包含一個最小工作示例以及其他鏈接將很有用。 –

+0

你的wordpress主題幾乎有100%的機率與你的CSS搞混了。嘗試檢查元素,它的父母,並刪除所有不必要的'display','float'和'position'規則 – rafaelcastrocouto

+0

嗨湯姆,感謝您的評論。我上面引用的jsfiddle帶你到一個工作示例。我被要求不要發佈一個實際的鏈接,因爲它是一個客戶的網站,我知道這將是方便,對此感到遺憾。 – RachJenn

回答

0

它是固定的嗎?

無論如何!

首先將cssjQuery圖書館鏈接到您的WordPress Header。然後從jsfiddle中添加html codes。畢竟事情做完了。

包括從jsfiddle到頁面底部的copied js script文件。看下面的code會幫助你理解。 但它在HTML

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Test</title> 
    <link href="copied_css_file_from_the_jsfiddle.css" rel="stylesheet" type="text/css"> 
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script><!-- jQuery Library --> 
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script><!-- jQuery Library --> 
</head> 
<body> 
    <p>This is the proper way <small>How to use css js and html in correct way</small></p> 

    <!-- add the html code from the JSFIDDLE--> 

    <script type="text/javascript"> 
     $(document).ready(function() { 
      //Copy and paste the script from the JSFIDDLE 
     }); 
    </script> 
</body> 

在任何社交網絡搜索yeshansachithak聯繫我。謝謝