jquery對話框僅適用於第一個鏈接？

<script type="text/javascript"> 
$(function(){ 
$("#headings_help").click(function(){ 
$("#box").dialog({ 

    title: 'Heading and Subheading IDs', 
    width: 700, 
    height:300, 
    modal:true, 
    resizable:false, 
    buttons: [ 
    { 
     text: 'Close', 
     click: function(){ 
     $(this).dialog('close'); 
    } 
    } 
    ] 

    }); 
    }); 


}); 
</script>

對於上述javascript，說你有這樣的內聯元素作爲表單的一部分：jquery對話框僅適用於第一個鏈接？

Help<a id='headings_help' ><img src='questionmark.png' border='0' /></a>

說上述問號是有在網頁上的多個地方，jquery代碼只去上班對於問號鏈接的第一個實例。它不會用於同一頁面上的其他問號。

來源

2013-02-27 Wild Widow

當你做這樣的提問/回答，你不應該包括在問題的答案！ – epascarello 2013-02-27 14:45:35

change this 
Help<a class='headings_help' ><img src='questionmark.png' border='0' /></a> 
and then 
<script type="text/javascript"> 
$(function(){ 
$(".headings_help").click(function(){ 
$("#box").dialog({ 

    title: 'Heading and Subheading IDs', 
    width: 700, 
    height:300, 
    modal:true, 
    resizable:false, 
    buttons: [ 
    { 
     text: 'Close', 
     click: function(){ 
     $(this).dialog('close'); 
    } 
    } 
    ] 

    }); 
    }); 


}); 
</script>

來源

2013-02-27 15:01:42 Biswajit

感謝您的代碼，工作！ – 2013-02-27 15:03:59

答案是不使用id，它是使用普通類。

ID是單數，他們不打算在頁面上重複。

因此改變IDS一類

<a class='headings_help' ><img src='questionmark.png' border='0' /></a>

改變使用類

$(".headings_help").on("click, function(){...});

來源

2013-02-27 14:44:39 epascarello

多個表單可以具有相同的id元素，表單名稱必須不同，但其中的id元素可以相同。 – 2013-02-27 14:47:36

@srinivas - id屬性爲HTML元素指定一個唯一的id（該值在HTML文檔中必須是唯一的）。 – Dementic 2013-02-27 14:48:32

@srinivas不正確，請通過HTML驗證器運行代碼。 – epascarello 2013-02-27 14:48:36

apply same css class to all links 

then use 

$(".className").click(function(){ 
     ......... 
})

我們不能用ONT ID來人數超過一個element.when要選擇將一個事件應用於多於一個元素，然後將CSS類應用於全部，然後使用。

來源

2013-02-27 14:46:48 PSR

// Get all the links that have an image with `src` `questionmark.png` 
var $Links = $.map($('a img[src="questionmark.png"]'), function() { 
    return $(this).parent(); // return the parent 
}); 

// Apply click for each of the links 
$Links.click(function() { 
    // Do your stuff here. 
});

來源

2013-02-27 14:53:05 Dementic

這是一個不好的方法，但哦。我認爲你應該聽所有的人告訴你添加一個類而不是id。 – Dementic 2013-02-27 14:53:55

jquery對話框僅適用於第一個鏈接？

回答

相關問題