2012-02-28 71 views
2

我有如下,並希望能夠使用一個功能只有最好...我可以在JQuery中整合函數調用嗎?

$(document).ready(function(){ 

$("#home_p1").editInPlace({ 
     url: './include_eip_77994477/eip.php', 
    }); 

$("#home_p2").editInPlace({ 
     url: './include_eip_77994477/eip.php', 
    }); 

$("#home_p3").editInPlace({ 
     url: './include_eip_77994477/eip.php', 
    }); 
}); 

這可以去15個或20個實例在一些網頁...這可能嗎?

+0

的可能重複[jQuery的:一氣呵成附加一個事件,多個元素(http://stackoverflow.com/questions/1388018/jquery-attaching-an-事件到多元素一次去) – 2012-02-28 14:02:43

回答

6

您可以用逗號組合不同的元素:

$("#home_p1, #home_p2, #home_p3").editInPlace({ 
    url: './include_eip_77994477/eip.php', 
}); 

或者你可以添加一個類所有的元素,並使用類選擇:

$(".someClass").editInPlace({ 
    url: './include_eip_77994477/eip.php', 
}); 

jQuery selectors

+0

迪迪埃 - 傑出的,謝謝 - 我會盡我所能接受 - 爲什麼必須等待接受btw? – 2012-02-28 14:03:20

+0

讓人們提供其他可能也是好或更好的答案的時間,並不總是第一個答案越好(當然這裏除外^^)。無論如何,很高興它有幫助。 – 2012-02-28 14:04:41

3

2/3選項...

1)合併選擇器:

$("#home_p1,#home_p1").editInPlace({ 
    url: './include_eip_77994477/eip.php', 
}); 

2)使用類:

$(".yourclass").editInPlace({ 
    url: './include_eip_77994477/eip.php', 
}); 

3)如果您的ID匹配的模式,如你的例子:

$("[id^=home_]").editInPlace({ 
    url: './include_eip_77994477/eip.php', 
}); 
+0

如果您無法將類添加到頁面,選項3是一個很好的選擇。 – 2012-02-28 14:43:08

1

你可以一個類添加到您的#home_px元素並使用該類來定位它?你的例子中的網址都是一樣的,但如果它們不同,你可以使用數據。

$(".element").editInPlace({ 
    url: $(this).data('url'), 
}); 

<div class="element" data-url="./include_eip_77994477/eip.php"></div> 

希望幫助:)

相關問題