2015-11-03 124 views
0

我有一把手風琴,我想通過jquery在點擊上添加/更改手風琴內的內容。更改Accordion內容

我設置了onclick事件並嘗試使用.innerHTML ='某些內容' 但這不起作用。

我在做什麼錯?

  <div class="panel-group"> 
       <div class="panel panel-accordion"> 
        <div class="panel-heading"> 
         <h4 class="panel-title"> 
          <a class="accordion-toggle" data-toggle="collapse" href="#showReq" onclick="showReqDetails"> Accordion Header</a> 
         </h4> 
        </div> 

        <div id="showReq" class="accordion-body collapse"> 
         <div class="panel-body"> 
          this need editing 
         </div> 
        </div> 
       </div> 
      </div> 

的Javascript

function showReqDetails(){ 
    $("#showReq").innerHTML='new content'; 
    } 

回答

1

使用下列內容:

$('.panel-body').html('your text here'); 
1

除了本尼迪克特的答案,你錯過了括號中的onclick事件。您的代碼應該是:

<div class="panel-group"> 
    <div class="panel panel-accordion"> 
     <div class="panel-heading"> 
      <h4 class="panel-title"> 
       <a class="accordion-toggle" data-toggle="collapse" href="#showReq" onclick="showReqDetails()"> Accordion Header</a> 
      </h4> 
     </div> 
     <div id="showReq" class="accordion-body collapse"> 
      <div class="panel-body">this need editing</div> 
     </div> 
    </div> 
</div> 

,如果你真的想改變#showReq內容:

function showReqDetails(){ 
    $("#showReq").html("new content"); 
}