大家好:
原本當銀幕寬>481px時是圖檔，若小於481px時則圖檔不見，變文字，我現在只有寫到載入時
才會根據視窗大小顯示圖或文字，要怎麼調視窗時不用重新載入網頁就可以依視窗大小改變內容?以下為語法，因為html語法不能更改，所以我先刪除文字，再把圖用jquery嵌入
https://jsfiddle.net/pcy62zgr/43/
我有試過用resize事件，但是會一直重複圖檔或文字，無法清除之前留下來的資料
麻煩請大家幫忙，謝謝
已邀請的邦友 {{ invite_list.length }}/5
雖然不太懂你的意思，但你看看是不是這樣子的效果：
l 大您好:想請問餘0跟餘1要怎麼分呢? 如果不同dropdownToggle跟 dropdownMenu 是不是用不同id比較好? 謝謝!
dropdownToggle.css("background-image", "none");
dropdownToggle.text("Mainbody-title01");
dropdownMenu.find("img").remove();
dropdownMenu.each(function(i) {
if (i % 2 === 0) {
$(this).text("沿革");
} else if (i % 2 === 1) {
$(this).text("歷史");
}
這裡判斷餘0、餘1分別是我要在陣列中偶數位與奇數位設立不同的文字所寫的，實際上要按照你自己的需求去設定，建議可以先用陣列管理你的選單文字，再直接配對進去即可，如：
var menuList = [
"沿革",
"歷史"
];
dropdownMenu.each(function(i) {
$(this).text(menuList[i]);
});
至於 不同dropdownToggle跟 dropdownMenu 是不是用不同id比較好 還是要看需求，一切都是相對而言，沒有絕對的孰好孰壞。
了解,謝謝l大
iThome鐵人賽
看影片追技術