在jQuery中加載在Chrome或Safari中都不起作用

[更新]它只適用於Firefox，不適用於Chrome或Safari。我正在關注jQuery tutorial (AHAH)，但當我點擊鮮花時，說明未顯示在「顯示更多」部分。在jQuery中加載在Chrome或Safari中都不起作用

$（文件）。就緒（函數（E）{

var $flowers = $('#flower-items'); 

$('#flower-items').find('a').on('click', function(e){ 
    e.preventDefault(); 

    var $desc = $('#flower-description'); 

    switch($(this).attr('href')) { 
     case 'calla.html' : 
      $desc.load('fragments/lilies.html'); 
      break; 
     case 'sunflowers.html' : 
      $desc.load('fragments/sunflower.html'); 
      break; 
     case 'iris.html' : 
      $desc.load('fragments/irises.html'); 
      break; 
     case 'alstromeria.html' : 
      $desc.load('fragments/peruvian.html'); 
      break; 
    }

這裏的文件夾結構：

來源

2016-02-24 Mona Jalal

哪裏是你的jquery.js文件？ – Neurax

您是否嘗試在瀏覽器中觀看您的控制檯以查看您是否正確訪問HTML文件？ –

你可以包含你的HTML嗎？我們需要看到hrefs。 –

這在Chrome的工作對我來說：

<script type="text/javascript" src="https://code.jquery.com/jquery-2.2.0.min.js"></script> 

<ul id="flower-items"> 
    <li><a href="calla.html">Flower 1</a></li> 
    <li><a href="sunflowers.html">Flower 2</a></li> 
    <li><a href="iris.html">Flower 3</a></li> 
    <li><a href="alstromeria.html">Flower 4</a></li> 
    <li><a href="5.html">Flower 5</a></li> 
    <li><a href="6.html">Flower 6</a></li> 
    <li><a href="7.html">Flower 7</a></li> 
</ul> 

<div id="flower-description">Flower Description</div> 



<script type="text/javascript"> 
$(document).ready(function(){ 

    var $flowers = $('#flower-items'); 

    $('#flower-items').find('a').on('click', function(e){ 
     alert('a'); 
     e.preventDefault(); 

     var $desc = $('#flower-description'); 

     switch($(this).attr('href')) { 
      case 'calla.html' : 
       alert('b') 
       $desc.load('fragments/lilies.html'); 
       break; 
      case 'sunflowers.html' : 
       $desc.load('fragments/sunflower.html'); 
       break; 
      case 'iris.html' : 
       $desc.load('fragments/irises.html'); 
       break; 
      case 'alstromeria.html' : 
       $desc.load('fragments/peruvian.html'); 
       break; 
     } 
    }) 

}) 
</script>

你應該在控制檯中看到這一點：

來源

2016-02-24 03:50:53

在jQuery中加載在Chrome或Safari中都不起作用

回答

相關問題