2017-05-27 15 views
0

サブメニューを持つメニューがあります。メニューは直接ページに行くことができません

<li> 
    <a href="#lead" data-toggle="collapse" class="collapsed"><i class="fa fa-flag-checkered" aria-hidden="true"></i> <span>Lead</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a> 
     <div id="lead" class="collapse "> 
      <ul class="nav"> 
      <li><a href="#quotation" data-toggle="collapse" class="collapsed"><i class="fa fa-quote-right" aria-hidden="true"></i><span>&nbsp;Quotation </span><i class="icon-submenu lnr lnr-chevron-left"></i></a> 
       <div id="quotation" class="collapse "> 
        <ul class="nav"> 
        <li><a href="<?php echo base_url()."index.php/SalesAdmin/cquotation"; ?>" data-toggle="collapse" class="collapsed"><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;Create Quotation</a></li> 
        <li><a href="<?php echo base_url()."index.php/SalesAdmin/qsummary"; ?>" data-toggle="collapse" class="collapsed"><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;Quotation Summary</a></li> 
        <li><a href="<?php echo base_url()."index.php/SalesAdmin/squotation"; ?>" data-toggle="collapse" class="collapsed"><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;Send Quotation</a></li> 
        </ul> 
       </div> 
      </li> 
     </ul> 
     </div> 
    </li> 

私がクリックしたとき、私はそのページに直接行くことができません。私はそれを右クリックして、目的のページに移動しなければなりません。 ここであなたたちはそれと間違って何任意のアイデアを持っていますか私のコントローラ

public function cquotation(){ 
     $data = $this->salesModel->showCustomer(); 
     $this->load->view('v_navbar'); 
     $this->load->view('v_leftside'); 
     $this->load->view('v_cquotation',array('data'=>$data)); 
    } 

の例ですか? 私は全く混乱しています

+0

'a'の代わりに' li'を使ってみてください。 – Ukasyah

答えて

0

なぜすべてのハイパーリンクにdata-toggle="collapse" class="collapsed"を使用していますか?あなたのコードはすべてのハイパーリンクにdata-toggle="collapse" class="collapsed"を持っています.Bootstrapは、hrefのデフォルトクリックイベントを防ぎます。したがって、あなたのコード内のhrefのすべてのdata-toggle="collapse" class="collapsed"部分を削除しても動作します。

<li> 
    <a href="#lead" data-toggle="collapse" data-target="#lead" class="collapsed"><i class="fa fa-flag-checkered" aria-hidden="true"></i> <span>Lead</span> <i class="icon-submenu lnr lnr-chevron-left"></i></a> 
    <div id="lead" class="collapse "> 
    <ul class="nav"> 
     <li><a href="#quotation" data-toggle="collapse" class="collapsed"><i class="fa fa-quote-right" aria-hidden="true"></i><span>&nbsp;Quotation </span><i class="icon-submenu lnr lnr-chevron-left"></i></a> 
     <div id="quotation" class="collapse "> 
     <ul class="nav"> 
      <li><a href="<?php echo base_url()."index.php/SalesAdmin/cquotation"; ?>" ><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;Create Quotation</a></li> 
      <li><a href="<?php echo base_url()."index.php/SalesAdmin/qsummary"; ?>" ><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;Quotation Summary</a></li> 
      <li><a href="<?php echo base_url()."index.php/SalesAdmin/squotation"; ?>" ><i class="fa fa-dot-circle-o" aria-hidden="true"></i>&nbsp;Send Quotation</a></li> 
     </ul> 
     </div> 
    </li> 
    </ul> 
</div> 
</li> 
+0

明らかに動作します。あなたが ''の外に ''を入れてもうまくいかない。ハイパーリンク(ブートストラップCSS)https://codepen.io/jayakrishnancn/pen/ybWBeeのデータトグルの例を示します。私のansewerが役に立つと分かったら、答えとして受け入れてください。タイ – Jayakrishnan

関連する問題