2016-03-18 24 views
0

リンク(a href)をクリックすると、バックグラウンドローダーだけが表示されます。しかし、定義されたリンクは開いていない、画面はローダー画面で打たれます。この画面では、どの機能にもアクセスできません。私は数週間これを試してきましたが、肯定的な結果はありません。追加のコーディングjavascript - 私のリンクは別のリンクを開くことができません

$(document).ready(function() { 
 
    var loading = $('<div>').prop('id', 'loading'); 
 
    loading.html('<div id="stretch"></div><img src="assets/img/ring.gif" style="repeat:no-repeat;" /> Loading...'); 
 

 
    //FOR TESTING   
 
    //alert( loading.text()); //FOR TESTING ONLY!!! 
 
    $("#cmd").click(function() { 
 
     loading.appendTo('body'); 
 

 
     var event = $(document).click(function(e) { 
 
      e.stopPropagation(); 
 
      e.preventDefault(); 
 
      e.stopImmediatePropagation(); 
 
     }); 
 

 
     // disable right click 
 
     $(document).bind('contextmenu', function(e) { 
 
      e.stopPropagation(); 
 
      e.preventDefault(); 
 
      e.stopImmediatePropagation(); 
 
     }); 
 
    }); 
 
});;
#loading { 
 
    background-color: white; 
 
    background-color: rgba(1, 1, 1, 0.7); 
 
    bottom: 0; 
 
    left: 0; 
 
    position: fixed; 
 
    right: 0; 
 
    text-align: center; 
 
    top: 0; 
 
} 
 

 
#loading * { 
 
    vertical-align: middle; 
 
} 
 

 
#stretch { 
 
    display: inline-block; 
 
    height: 100%; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<li><a href="http://www.google.com/" id="cmd" ><i class="glyphicon glyphicon-tags"></i>Application</a></li>

でエラーを見つけるために私を助けてください。

+0

あなたのHTMLの外観はどうですか? – whipdancer

答えて

1

もちろん、デフォルトのイベントがトリガー(クリック)されるのを止めると、何もしません。

e.preventDefault(); 

これにより、デフォルトのアクションが実行されなくなります。ただし、Javascriptを使用してサードパーティのWebサイトを読み込む際に問題が発生する可能性があります。

関連する問題