台灣最大程式設計社群網站
線上人數
1039
 
會員總數:246135
討論主題:189715
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> 為何arial-expanded 會錯誤
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
為何arial-expanded 會錯誤
價值 : 10 QP  點閱數:236 回應數:2
樓主

Robert
初學者
4 247
1552 103
發送站內信

Dear All
我發現arial-expanded 的屬性有時候會出現錯誤,即使下拉選單已經關閉,檢查此屬性卻仍是true。

<script>
function check(){
alert("1=" + $("#1").attr("aria-expanded") + " 2=" + $("#2").attr("aria-expanded"));
}
</script>
</head>
<body onclick="check()">
<div class="dropdown btn-group-vertical" id="p1">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" id="1" data-parent="#p1" aria-haspopup="true">
Dropdown button1
</button>
<div class="dropdown-menu">
  <div class="dropdown-header">Dropdown header 1</div>
<a class="dropdown-item" href="#">Link 1</a>
<a class="dropdown-item" href="#">Link 2</a>
  <div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Link 3</a>
</div>
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false" id="2" data-parent="#p1" aria-haspopup="true">
Dropdown button2
</button>
<div class="dropdown-menu">
  <div class="dropdown-header">Dropdown header 2</div>
<a class="dropdown-item" href="#">Link 1</a>
<a class="dropdown-item" href="#">Link 2</a>
  <div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Link 3</a>
</div>





搜尋相關Tags的文章: [ arial-expanded ] ,
本篇文章發表於2020-04-06 11:15
1樓
最有價值解答

o小高o
檢舉此回應
用CSS 呢?

CSS aria-expanded
本篇文章回覆於2020-04-06 12:01
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
回應

迷路
捐贈 VP 給 迷路 檢舉此回應
你用的jquery版本是多少?
比較新的版本中,值是true/false的欄位要用prop來取代attr
本篇文章回覆於2020-04-06 13:32
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.