Wie kann ich versteckte Schaltfläche auf HTML

-2

blockieren Ich arbeite an einem HTML, das bereits integriert in einer Anwendung funktioniert. Auf diesem HTML gab es 3 Knöpfe und ich füge neue hinzu. Diese 3 Schaltfläche wird zusammen angezeigt, wenn Sie auf einen anderen Bildschirm klicken, aber ein neuer erscheint nicht. Wie kann es möglich sein? Wie kann ich dieses Problem lösen?Wie kann ich versteckte Schaltfläche auf HTML

Dies ist, was ich will:

(Wenn ich auf Navigationstaste alle Tasten zu sehen, aber wenn ich einen anderen Knopf neue Schaltfläche klicken Sie nicht scheinen, die 180 Tage Dokumente genannt)

Diese Situation gilt für alle Schaltflächen ohne "Navigation", aber ich konnte das Bild nicht laden. Ich meine, wenn Sie auch auf die zweite Schaltfläche klicken, erscheint die Schaltfläche Neu nicht.

Wenn Sie Dritte Schaltfläche klicken:

(Das gleiche Problem gilt auch, wenn Klick Ansicht Taste)

Für diesen html ein bereit html war und ich füge hinzu auf es neue Schaltfläche.

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html 
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> 
<meta http-equiv="Pragma" content="no-cache" /> 
<meta http-equiv="Expires" content="0" /> 
<link rel="stylesheet" type="text/css" href="css/pwietp.css" media="screen" id="screenCSS" /> 
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" id="printCSS" /> 
<link rel="stylesheet" type="text/css" href="css/evoslider/evoslider.css" /> 
<script type="text/javascript" src="js/jquery.combined.js"></script> 
<script type="text/javascript" src="js/ietp-common.js"></script> 
<script type="text/javascript" src="js/ietp-nav.js"></script> 
<script type="text/javascript" src="js/ietp-search.js"></script> 
</head> 
<body> 
<div id="wrapper"><div id="bar"> 
<div id="menu"><a href="about.html">About</a></div> 
<div id="logoDiv"><img id="logo" src="images/logo.png" /></div> 
<form id="search_toolbar" method="get" action="/solr/select"> 
<input id="searchinput" type="text" name="q" value="search" size="28" maxlength="140" onfocus="searchBarOnFocus(this)" onblur="searchBarOnBlur(this)" /> 
</form> 
</div> 
<div id="tabcontainer"> 
<div id="tabs" class="nav"> 
<span><a id="navtab" href="#" class="btn-highlight">Navigation</a></span> 
<span><a id="searchtab" href="/solr/select" class="btn">Search</a></span> 
<span><a id="viewtab" href="#" class="btn">View</a></span> 
<span><a id="180DayDocumentstab" href="#" class="btn">180 Day Documents</a></span> 
<div class="outer-container"><div class="container"> 
<div id="navigationContainer"><div class="navSection"> 
<div class="outer-container"><div class="container"> 
<div class="header navigationPMTitle"><span class="crumb" id="crumb"> 
<a href="#" id="homeLink">Home</a> 
<span>|</span>Issue No: 013<span>|</span>Issue Date: 

            2017-02-01</div></div><div id="navSortButtons" class="header navSortButtons">Sort by: 
            <a href="#" class="sort_button" id="sortCommonTitle">Tile</a> 
            <a href="#" class="sort_button" id="sortTechname">Techname</a> 
            <a href="#" class="sort_button" id="sortInfoname">Infoname</a> 
            <a href="#" class="sort_button" id="sortDMC">DMC</a></div></div> 
            <div class="navSection"><div id="navigationFolders"> 
            <div class="navTitleDiv"><h3 class="removeBottomPadding">Contents</h3></div> 
            <div id="navigationFoldersDiv"> 

<ul class="treeView" name="treeView"> 

</ul> 
</div></div> 
<div id="navigationDocuments"> 
<div id="navDocumentsTitleSection" class="navTitleDiv hide"><h3 class="removeBottomPadding" id="navDocumentsTitle"></h3></div> 
<div id="navigationDocumentsDiv"></div></div></div></div></div></div> 
<div id="footer"> 
<a href="javascript:openLegal()" id="proprietaryLink">International Aero Engines Proprietary Information © 2014 - 2017.</a> 
<a href="javascript:openLegal()" id="exportLink">EAR Export Classification: Not subject to the EAR per 15 C.F.R. Chapter 1, Part 734.3(b)(3).</a></div></div> 
</body> 
</html>

Quelle

2017-03-09 Mustafa Coskun

Können Sie auch CSS hochladen? –

können Sie Ihr Problem lösen. Seien Sie specific – rupesh

Vielleicht ist es ein Fehler bei der Kopie, aber Sie haben 2 Schließspannen am Ende Ihrer 4. Spanne. Und eine Spanne am Ende Ihres gesamten Codes, die nicht geschlossen wird. – Gobbin

Eigentlich, wenn ich Ihren Code kopieren (nur die span Tags) und i entfernen Sie die Schließung Spanne, nachdem die <a id="180dayDocumentsTab"> alle span Tags auf meinem Bildschirm angezeigt. Entfernen Sie die </span> nach diesem Anker-Tag und Sie werden gut gehen.

<span><a id="180DayDocumentstab" href="#" class="btn">180 Day Documents</a></span>

Quelle

2017-03-09 08:49:36 Gobbin

Ich habe es versucht. Arbeite nicht so wie dein Vorschlag. –

Nun, ich habe Ihren ganzen Code kopiert, auch nachdem Sie ihn bearbeitet haben und er erscheint auf meinem Bildschirm. Also ich weiß nicht, was das Problem jetzt ist. :) – Gobbin

Auch jetzt, wo wir dabei sind (: D). Was macht das? . Sie schließen dieses Tag auch nicht. – Gobbin

Schließen Sie die <span class="crumb" id="crumb">, weil es Ihre divs danach zu ruinieren. Verwenden Sie die Option "Fiddle Tidy", um einen besseren Code zu erhalten. So können Sie fehlende abschließende Tags oder andere kleine Codefehler erkennen. Ein klarer Code lässt Sie Fehler viel schneller erkennen.

Quelle

2017-03-09 09:15:45

Wie kann ich versteckte Schaltfläche auf HTML

Antwort

Verwandte Themen