2012-11-12 82 views
0

我有一個頁面,我已經實現了Twitter提要小部件。如果在Firefox和Chrome瀏覽器上運行良好,但在IE,Opera和Safari上運行良好,則只會提供「由@JackSchaible推文」,而不是實際的提要本身。有人請幫忙?IE瀏覽器,Opera,Safari上的Twitter Feed

URL是www.logicanddesign.ca

另外,這裏是我的源代碼:

<!doctype html> 
<html> 
    <head> 
     <meta charset="utf-8"> 
     <title>Logic & Design: Home</title> 
     <link rel="stylesheet" type="text/css" href="styles/divs.css" /> 
     <link rel="stylesheet" type="text/css" href="styles/fonts.css" /> 
     <link rel="stylesheet" type="text/css" href="styles/tags.css" /> 
     <link rel="stylesheet" type="text/css" href="styles/images.css" /> 
     <link rel="shortcut icon" href="images/Icon-OR.png" /> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
     <script src="scripts/animations.js"></script> 
     <script src="scripts/socialMediaPlugins.js"></script> 
    </head> 
    <body> 
     <div id="wrapper"> 
      <header> 
       <img id="logo" alt="logo" src="images/Logo.png" /> 
      </header> 
      <div id="divider"> 
       <img id="headerDivider" alt="Line" src="images/Line.jpg" /> 
      </div> 
      <nav> 
       <div class="Button" id="selectedButton"> 
        <img id="arrowOverlay" alt="Overlay" src="images/Arrows/FadeArrow.png" /> 
        <img id="extender" alt="Home" src="Images/Arrows/Arrow%20Body.png" /> 
        <img id="selectedArrow" alt="Home" src="Images/Arrows/Home/Home.png" /> 
       </div> 
       <div class="Button" id="aboutButton"> 
        <img alt="About Me" src="Images/Arrows/About/About.png"/> 
       </div> 
       <div class="Button" id="abilitiesButton"> 
        <img alt="My Abilities" src="Images/Arrows/Abilities/Abilities.png"/> 
       </div> 
       <div class="Button" id="portfolioButton"> 
        <img alt="My Portfolio" src="Images/Arrows/Portfolio/Portfolio.png"/> 
       </div> 
       <div class="Button" id="contactButton"> 
        <img alt="Contact Me" src="Images/Arrows/Contact/Contact.png"/> 
       </div> 
      </nav> 
      <div id="mainContent"> 
       <div id="innerContent"> 
        <p>Welcome to Logic & Design! If you are looking for work done and it has anything to do with a computer, you have come to the right place! My name is Jack Schaible and I do nearly everything computer-related. Whether it is software analysis, design, web apps, database design, web design or development, whatever your needs, I can fill them. I will take care of the technical side of things so you can focus on what matters: running your business!</p> 
       </div> 
      </div> 
      <div id="imageBar"> 
        <div id="networkingIcons"> 
         <div id="fb" class="fb-like-box" data-href="http://www.facebook.com/logicanddesign" data-width="200" data-height="75" data-colorscheme="dark" data-show-faces="false" data-stream="false" data-header="false"></div> 
        <a class="twitter-timeline" href="https://twitter.com/JackSchaible" data-widget-id="266804071627898880">Tweets by @JackSchaible</a> 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> 
        <div class="g-plus" data-width="199" data-height="69" data-href="https://plus.google.com/105579960548041650339" data-rel="author" data-theme="dark"></div> 
        <script type="text/javascript"> 
         (function() { 
         var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; 
         po.src = 'https://apis.google.com/js/plusone.js'; 
         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); 
         })(); 
        </script> 
        <script src="//platform.linkedin.com/in.js" type="text/javascript"></script> 
<script type="IN/Share" data-counter="right"></script> 
       </div> 
      </div> 
      <footer> 
       <p>&copy; <script type="text/javascript">document.write((new Date).getFullYear());</script> Jack Schaible</p> 
      </footer> 
     </div> 
    </body> 
</html> 

回答

0

它適用於所有的瀏覽器我當它訪問形式的服務器http://localhost/twitter.htmlhttp://www.logicanddesign.ca/而不當被視爲html文件:file:///C:/xampp/htdocs/twitter.html。這似乎是.js腳本的一個細微之處。

+0

js腳本附帶的部件作爲代碼的一部分,我本應該複製粘貼。我不明白它有什麼問題。 – Jack

相關問題