2017-03-09 32 views
-2

我正在處理已經集成在應用程序上的html。在這個HTML有3個按鈕,我添加一個新的。當你點擊屏幕上的任何人時,這3個按鈕一起顯示,但新的看起來不像。它怎麼可能。我怎麼解決這個問題。我如何屏蔽HTML上的隱藏按鈕

這就是我想要的:

(當我點擊導航按鈕,所有按鈕可見,但是當我點擊另一個按鈕新按鈕似乎沒有哪個命名180天文件)

這種情況對於沒有「導航」的所有按鈕都有效,但我無法加載圖片。我的意思是當你點擊第二個按鈕時,新按鈕看起來不是。

當你點擊第三個按鈕:

(同樣的問題也有效時點擊視圖按鈕)

對於這個網站有一個現成的HTML和我添加上新的按鈕。

<?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> 
+0

你可以上傳CSS嗎? –

+0

可以解決您的問題。可能是特定的 – rupesh

+0

也許這是一個複製錯誤,但在第四個跨度的末尾有兩個關閉跨度。並且所有代碼的末尾都沒有關閉。 – Gobbin

回答

0

其實,如果我複製你的代碼(只有span標籤)和我刪除收盤跨度後<a id="180dayDocumentsTab">所有span標籤出現在我的屏幕上。在這個錨標籤後刪除</span>,你會很開心。

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

我試過了。不要按照你的建議工作。 –

+1

嗯,我編輯它後,即使在您的屏幕上顯示出來之後,我仍然複製了所有代碼。所以我不知道現在有什麼問題。 :) – Gobbin

+0

此外,現在我們在它(:D)。這是做什麼的? 。你也沒有關閉這個標籤。 – Gobbin

0

關閉<span class="crumb" id="crumb">因爲它毀了你的div。使用小提琴Tidy選項來幫助您獲得更好的代碼,並且它將幫助您查看丟失的結束標籤或任何其他小代碼錯誤。一個明確的代碼會讓你更快地發現任何錯誤。