2014-07-18 66 views
0

我遇到了一個問題,即我的頁面中的「按鈕」標籤被 受toggle.js下拉效果影響。 所以我決定添加一個ID到第一個,所以我可以在「toggle.js」中調用它 現在的問題是我不確定哪個應該在代碼(js)內更改? 任何人都知道如何定位一個帶有ID的按鈕?如何使用javascript在html內定位一個id或class?

JsFiddle

這裏是toggle.js

$(function() { 
img_arrow = '<img src="images/down-arrow.png" width="20" height="20" alt="" style="vertical-align:middle; padding-top: 0px;margin-left:2px"/>'; 

var $window = $(window), 
    $nav = $('nav'), 
    $button = $('button'); 

$button.on('click', function() { 
    $nav.slideToggle(); 
}); 

$window.on('resize', function() { 
    if ($window.width() > 320) { 
     $nav.show(); 
    } 
}); 

$('#menu a').click(function (e) { 
    $('button').html($(this).html() + img_arrow); 

    e.preventDefault(); 
}); 
}); 

預先感謝您!

+0

這是哪裏的HTML代碼?也許你可以爲此創建一個jsfiddle? – Yannici

+0

http://jsfiddle.net/cyberjo50/awmd8/ – akoito

+0

我希望當菜單打開時向下箭頭翻轉看起來像向上的箭頭。如何旋轉圖標「images/down-arrow.png」 – akoito

回答

1

這將是$("button#ID").on('click', function() ....

編輯:

根據你的小提琴,你的按鈕有一個類的屬性,而不是ID。 所以上面會$("button.submitButton").on('click' ...

或者像下面的評論,你可以簡單地把它作爲$(".submitButton")...,但我想是準確的,只是櫃面你有相同的類值的多個元素。

+1

或者只是$('#ID')作爲選擇器 – JAL

+0

我現在開始工作了,謝謝各位。這裏是修改代碼: http://jsfiddle.net/cyberjo50/awmd8/2/ – akoito

0

使用CSS語法來選擇使用jQuery的項目。嘗試$("#yourID").on('click', function())....

相關問題