Javascript 网站未扩展以显示jQuery隐藏的信息_Javascript_Jquery_Html_Css

Javascript 网站未扩展以显示jQuery隐藏的信息

javascript jquery html css

Javascript 网站未扩展以显示jQuery隐藏的信息,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在学习Javascript/jQuery，并尝试将其设置为在单击submit按钮后，网站将展开并显示与搜索相关的信息，我还没有完成这一部分，但是我使用了一个测试div来显示它将去哪里，并且它没有完全显示出来。然而，该网站并没有扩展，也没有显示滚动功能这是HTML： <!DOCTYPE html> <html lang="end"> <head> <meta charset="utf-8" /> <title>Lea

我正在学习Javascript/jQuery，并尝试将其设置为在单击submit按钮后，网站将展开并显示与搜索相关的信息，我还没有完成这一部分，但是我使用了一个测试div来显示它将去哪里，并且它没有完全显示出来。然而，该网站并没有扩展，也没有显示滚动功能

这是HTML：

<!DOCTYPE html>
<html lang="end">
<head>
    <meta charset="utf-8" />
    <title>League of Legends Summoner Stats</title>
    <link rel="stylesheet" href="main.css" />
    <link rel="stylesheet" href="main.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
</head>
<body>
<div class="center">
    <select class="region_selector">
        <option value="NA">North America</option>
        <option value="EUW">EU West</option>
        <option value="EUNE">EU East</option>
        <option value="KR">Korea</option>
    </select>
</div>
<div id="title">
    <h1>LoL Stat Find</h1>
</div>
<div id="subtitle">
    <h3>Quickly Find Summoner Stats!</h3>
</div>
<button type="submit" id="search_button">Search</button>
<input name="summoner_name" type="text" maxlength="512" id="summoner_name" placeholder="Summoner Name" class="summoner" />
<script src="script.js"></script>
<div id="stats">
    <section id="main">
        <h1>THIS IS A TEST</h1>
        some more testing
        <br>this is another test
        <br>another
    </section>
</div>
</body>
</html>

这是Javascript：

$(function () {
    $("#stats").hide();
});
document.getElementById('search_button').onclick = function () {
    var search = document.getElementById('summoner_name').value;
    $(function () {
        $("#stats").show();
    });
}

我不熟悉HTML/CSS/JS，所以我的代码可能有点乱七八糟

既然使用jQuery，就用它来注册点击处理程序。。。。问题还在于应用于统计数据的样式

$function{ $stats.hide； $“搜索按钮”。单击功能{ $stats.show； }; }; 身体{ 背景图片：urlbackground.jpg；宽度：100%；背景大小：100%； } .区域选择器{ 位置：固定；最高：50%；左：50%；宽度：150px； /*带上你自己的前缀*/ 转化：转化-100%，-50%；显示：内联； } 召唤者姓名{ 位置：固定；最高：50%；左：50%； /*带上你自己的前缀*/ 转化率：转化率5%，-50%；显示：内联； } .召唤者{ 字体大小：14px；边框宽度：2倍；边界半径：5px； } 搜索按钮{ 位置：固定；最高：50%；左：50%； /*带上你自己的前缀*/ 转换：翻译-50%，100%；显示：内联块；裕度：0 10px 0 0；填充：5px15px；字体大小：15px；颜色：白色；背景色：1947D1；字体系列：Tahoma；线高：1.8；外观：无；盒影：无；边界半径：5px；边框颜色：1947D1； } 头衔{ 位置：固定；最高：50%；左：50%； /*带上你自己的前缀*/ 转化：转化-50%，转化-110%；显示：内联；颜色：白色；字体大小：48px； -webkit文本笔划宽度：1px； -webkit文本笔划颜色：黑色； } 副标题{ 位置：固定；最高：50%；左：50%；字体大小：20px； /*带上你自己的前缀*/ 转化：转化-50%，-130%；字体系列：tahoma； -webkit文本笔划宽度：1px； -webkit文本笔划颜色：黑色；显示：内联；颜色：009933；字体风格：粗体； } 统计数据{ 位置：固定；顶部：1px；左：50%； /*带上你自己的前缀*/ 转化：转化率为50%，转化率为200%； } 北美欧盟西部欧盟东部韩国 LoL Stat Find 快速找到召唤师数据！搜索这是一个测试更多的测试这是另一个测试另一个

$(function () {
    $("#stats").hide();
});
document.getElementById('search_button').onclick = function () {
    var search = document.getElementById('summoner_name').value;
    $(function () {
        $("#stats").show();
    });
}