2016-04-06 25 views
-1

javascript işleviyle seçilen html öğeleri ayarladım ve bunu jquery'ye aktarmak ve bu listedeki tüm html bağlantılarını devre dışı bırakmak istiyorum. Lütfen bana nasıl ulaşacağınızı bildirin. bu. normal tek html sayfa isejquery - htf çerçevesini html çerçevesinin içinde sayfadan devre dışı bırak

var links = window.frames[1].document.getElementsByTagName("a"); 

sonra aşağıda jquery fonksiyonu ve devre dışı bağlantılarını kullanarak bağlantıları seçebilirsiniz. Bununla ilişkili html çerçeveleri olduğundan, jquery çerçeve öğesini seçemez.

Bu yüzden "bağlantılar" olan javascript kullanarak seçtim.

$("a").click(function (event) { 
     event.preventDefault(); 
    }); 

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 

<html> 
<head> 
    <meta http-equiv="Content-type" content="text/html;charset=UTF-8"> 
    <meta http-equiv="Pragma" content="no-cache"> 
    <meta http-equiv="Expires" content="-1"> 

</head> 
<body> 
<div id="wrapper"> 
    <nav class="navbar navbar-default navbar-static-top" role="navigation" style="margin-bottom: 0"> 
     <div class="navbar-default sidebar" role="navigation"> 
      <div class="sidebar-nav navbar-collapse"> 
       <ul class="nav" id="side-menu"> 
        <li> 
        </li> 
        <li> 
         <a id ="test" href="/Frame1.html" target="detail"><i class="demo-icon icon-chart-line fa-fw"></i> Status<span class="demo-icon icon-right-open-1"></span></a> 
        </li> 
        <li> 
         <a href="/Frame2.html" target="detail"><i class="demo-icon icon-flow-tree fa-fw"></i> Setup<span class="demo-icon icon-right-open-1"></span></a> 
        </li> 

       </ul> 
       <div id="navfooter"> 

        <div id="copyright-loader"> 
         <!--<i class="demo-icon icon-spin6 animate-spin" style='font-size:6em; color:#31bbd6;'></i> <br><br>--> 
         <img alt="logo" class="img-responsive" src="../images/logo.jpg" /> 
        </div> 

        <br clear='all' /> <br /> 

       </div> 

      </div> 
     </div> 
    </nav> 
</div> 
<p>&nbsp;</p> 
</body> 
</html> 

Teşekkür

+0

Çerçeve sayfa ile aynı etki alanını paylaşıyor mu? Bir "güvenlik" sorunu olabilir. –

+0

"Html frame" ile ne demek istiyorsun? – Azim

+0

'href 'değerini' # 'ile değiştirebilirsiniz. Fakat bunu yaparak artık onları etkinleştiremezsiniz. – Lucas

cevap

1

bir css stil işaretçi-Etkinlik ekle: yok etiketi demirlemek için.

document.getElementsByTagName ("a") [0] .style.pointerEvents = "none";

Krom ve firefox ile test edin, iyi çalışıyor. Ama IE o

çalışmayacak Veya bağlantı etiketinin

document.getElementsByTagName ("a") [0] .removeAttribute ("href") elde href özelliğini kaldırmak;

+0

kaldırma özniteliği iyidir. Ama yine aynı href eklemek istiyorum..bu bunu yapmak için? – JavaUser

İlgili konular