2016-04-05 3 views
0

アムタブonclickのコンテンツをロードし、唯一のダブルクリックで開き

以下のように
 <div id="tabs" style="width:1060px"> 
    <ul> 
    <li><a href="#OverviewDiv">Overview</a></li> 
    <li><a href="#" onclick="ShowDetails()">General Info</a></li>     
    <li><a href="#" onclick="ShowDetails()">Dimension</a></li> 
    <li><a href="#" onclick="ShowDetails()">Blocking</a></li> 
    <li><a href="#" onclick="ShowDetails()">History</a></li> 
    </ul> 
    </div> 

とonclickの方法以下のようにタブを持っていない:だけタブ午前のダブルクリックで

  function ShowDetails() {                
          // $("#tabs").tabs("option", "selected", i);        

          var AccNum = $("#SelId").val(); 

          if (AccNum != null && AccNum != "") { 
         var url = '/InventJournalGeneral/Details/' + AccNum; 

           window.open(url, "_self"); 

          } 
          else { 
           alert('Choose any one Journal Id'); 
          } 

         } 

1回のクリックではなく、読み込まれたタブを見ることができます。また、私はクリックしたタブが選択されていないと仮定し、それは常にタブ0にあります。

答えて

0

あなたはこれを試すことができます。

HTML:

<li class="click">General Info</div> 

JS:

$(function() { 
    $('body').on('click', function (evt) { 
     if($(evt.target).hasClass('click')){ 
      alert("hello"); 
     } 
    }); 
}); 
+0

いいえ。このdoesntの仕事。また、クリックされたタブをアクティブまたは選択するように設定する必要があります。 –

+0

さて、jquery関数でクリックされた要素のスタイルを変更することができます:$(this).text( 'changed text')。css( 'background'、 'yellow'); – imj

+0

それぞれのタブを1回クリックしてタブを選択し、内容をロードします。これで、タブをダブルクリックするだけでページが読み込まれます。また、選択したタブは最初のタブのままです。 –

関連する問題