使用標籤做了閃光燈交換

所以我一直都在瀏覽，包括這些帖子：使用標籤做了閃光燈交換

等各個環節，以及和我猜我不不明白它是如何工作的，不能讓它工作。

這是我到目前爲止有：

HTML：

<div style="width:475px; height:230px; background-color:#c1bfbf;"> 
<div style="width:450px; height:220px; position:relative; overflow:hidden; float:left;"> 

    <ul style="width:450px; height:220px; list-style:none; padding:0px; border:0px; margin:0px; position:relative; float:left;"> 
     <li id="first" style="padding:0px; border:0px; margin:0px;"><img src="images/imagegraph2.png" /></li> 
     <li id="second" style="padding:0px; border:0px; margin:0px;"><img src="images/imagegraph1.png" /></li> 

    </ul> 
</div> 
    <div style="width:25px; height:110px; position:relative; float:left;"> 
     <a href="#first"><img src="images/2nd.png" /></a> 
    </div> 

    <div style="width:25px; height:110px; position:relative; float:left;"> 
     <a href="#second"><img src="images/1st.png" /></a> 
    </div> 
</div>

此代碼使用錨標記，但問題是它拉向下翻頁，而我不希望錨。所以我轉向了jQuery和圖像交換。我執行其他人的代碼，看看他們是否工作，我不能讓他們工作。我用這個jQuery代碼：

$(function() { 
    $('.menulink').click(function() { 
     $("#bg").attr('src', "images/imagegraph1.png"); 
     return false; 
    }); 
});

匹配了這個HTML：

<a href="#" title="Switch" class="menulink">switch me</a> 
<img src="images/imagegraph2.png" id="bg" />

而且所發生的一切是imagegraph2.png的表現，而不是imagegraph1.png的切換。通常當你這樣做，然後點擊「=」符號，就會出現一張可能的鏈接列表。當它在Javascript中，它不會那樣做，你只需要放入文件夾/文件名。所以我相信我會在這裏得到一些反對票，但是我已經用盡了所有的途徑來實現這個目標。 $（函數（）{ $（ 'menulink'）點擊（函數（：

來源

2013-07-09 Keith

嘗試e.preventDefault();

$(function() { 
    $('.menulink').click(function (e) { 
     e.preventDefault(); 
     $("#bg").attr('src', "images/imagegraph1.png"); 
    }); 
});

來源

2013-07-09 17:12:49

不起作用，圖像仍然只是沒有開關只使用javascript的坐在那裏）{ $（「＃bg」）。attr（'src'，「images/imagegraph1.png」）; return false; }）; }）;並在頁面上唯一的HTML：switch me – Keith

打開開發人員工具控制檯，並檢查是否有任何錯誤..你是否在第一個地方包括jQuery腳本文件？ –

是的，它是在一個單獨的文件，所以它看起來是這樣的：<！DOCTYPE HTML> 測試 – Keith

使用標籤做了閃光燈交換

回答

相關問題