网页无法正常工作 - HTML5

-6

Iv几乎在网站上完成工作。该网站是一个html5单页网站。网页无法正常工作 - HTML5

但问题是，该网页的一页不工作。它的网站链接部分。

它是一个下拉框，当选择时

我不知道为什么显示的链接。它使用java脚本，所以这可能是问题。（我用java脚本不太好）

Iv在下面提供了两个链接。首先是实际的网站。

第二个只是它自己的weblinks部分。

Link 1

Link 2

在此先感谢。

Javascript代码

> $(window).load(function(){ 
var select = $('#dropdown'); 

function showTab(name) { 
    name = '#' + name; 
    $('div').not(name).hide(); 
    $(name).show(); 
} 

select.change(function() { 
    showTab($(this).val()); 
}); 

showTab(select.val()); 
});

来源

2013-08-04 Stefan Lazic

首先，在这里发表您的代码。其次，我去了你的网站，点击了一个网络链接，到达了一个广告客户的网站：这有什么问题？ – 2013-08-04 13:31:34

对不起，不能发布代码，它太多了。点击第二个链接，即它应该如何，在实际网站上的所有链接都是可见的 –

如果我的理解是正确的，你的问题是，实际的网站页面上，被在样本页面显示在页面加载的所有链接，而不是像在那里它们被隐藏仅根据选择显示。

如果是这种情况，则将style: display: none;分配给所有单独的div标签。这会在页面加载时隐藏链接。为此，您可以象下面这样：

<div id="Option" style="display: none;"> <a href="#">Sample</a> </div>

如果你不想使用内联样式，按以下方式创建CSS类（比如hidden），并将其分配给需要是所有div隐。

.hidden{ 
    display: none; 
}

JS目前似乎隐藏了ID不等于所选项目的值的所有DIV。这使您的mainContent1也被隐藏。试试这个fiddle中的代码。这是你的代码的迷你版本。

我添加了一个CSS类hidden的分裂和在JS的showTab函数，而不是

$('div').not(name).hide();

使用下面的行（这将选择内mainContent1只的DIV隐藏）。

$('#mainContent1 > div').not(name).hide();

来源

2013-08-04 13:41:55 Harry

好吧，生病让广告尝试一下。 –

这几乎工作。虽然divs现在隐藏了，但不会在选择时显示。我已经发布了用于网站链接部分的java脚本文件 –

好的，会的。谢谢 –

这里是工作的代码，我发现：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> 

<html> 

    <head> 
     <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> 
     <title>Untitled Page</title> 
     <script type="text/javascript"><!-- 
var lastDiv = ""; 
function showDiv(divName) { 
    // hide last div 
    if (lastDiv) { 
     document.getElementById(lastDiv).className = "hiddenDiv"; 
    } 
    //if value of the box is not nothing and an object with that name exists, then change the class 
    if (divName && document.getElementById(divName)) { 
     document.getElementById(divName).className = "visibleDiv"; 
     lastDiv = divName; 
    } 
} 
//--> 
</script> 
     <style type="text/css" media="screen"><!-- 
.hiddenDiv { 
    display: none; 
    } 
.visibleDiv { 
    display: block; 
    border: 1px grey solid; 
    } 

--></style> 
    </head> 

    <body bgcolor="#ffffff"> 
     <form id="FormName" action="blah.php" method="get" name="FormName"> 
      <select name="selectName" size="1" onchange="showDiv(this.value);"> 
       <option value="">Choose One...</option> 
       <option value="one">first</option> 
       <option value="two">second</option> 
       <option value="three">third</option> 
      </select> 
     </form> 
     <p id="one" class="hiddenDiv">This is paragraph 1.</p> 
     <p id="two" class="hiddenDiv">This is paragraph 2.</p> 
     <p id="three" class="hiddenDiv">This is paragraph 3.</p>   
    </body> 

</html>

来源

2013-08-04 15:05:58

网页无法正常工作 - HTML5

回答

相关问题