JavaScript-无输出_Javascript_Jquery

JavaScript-无输出

javascript jquery

JavaScript-无输出,javascript,jquery,Javascript,Jquery,你们谁能看看我的代码，因为我不知道为什么它不工作我目前的情况是，当你勾选单选按钮时，它会显示一个输出。例如，您选择了表A 不幸的是，在我点击单选按钮时，它什么也没做我想可能是我的JavaScript函数被替换了。但我看不出有什么不对劲 <!DOC HTML> <html> <TITLE></TITLE> <head> <meta name="viewport" content="width=device-width,

你们谁能看看我的代码，因为我不知道为什么它不工作

我目前的情况是，当你勾选单选按钮时，它会显示一个输出。例如，您选择了表A

不幸的是，在我点击单选按钮时，它什么也没做

我想可能是我的JavaScript函数被替换了。但我看不出有什么不对劲

<!DOC HTML>
<html>
<TITLE></TITLE>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.2/jquery.mobile-  
    1.4.2.min.css">
    <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script src ="jquery-1.11.0.min.js"></script>
    <script src="jquery.cycle.all.js"></script>
    <script type="text/javascript">
        $('input[type="radio"]').click(function () {
            $('.frame-wrapper').eq( $(this).index() -1 ).fadeIn();
        });
    </script>
    <style type="text/css">
        .frame-wrapper {
            display: none;
            float: left;
            width: 32%;
            margin-top: 20px;
            margin-right: 1%;
            background-color: #eee;
        }
    </style>
</head>
<body>
    <b>Please select an option</b>
    A <input type="radio" name="Option" />
    B <input type="radio" name="Option" />
    C <input type="radio" name="Option" />

    <div style="clear: both;"></div>

    <div id="tblA" class="frame-wrapper">
        You selected A, table tblA is shown

        <frame src="http://www.huawei.com" />
    </div>

    <div id="tblB" class="frame-wrapper">
        You selected B, table tblB is shown

        <frame src="https://www.google.com/" />
    </div>

    <div id="tblC" class="frame-wrapper">
        You selected C, table tblC is shown
    </div>

</body>
</html>

您的脚本在应用DOM之前运行。将脚本标记移动到底部或在onload函数中换行。通过控制台进行测试。记录初始选择器的结果

console.log$'input[type=radio]

您应该将代码放在以下范围内：

$(document).ready(function(){
    //...
});

另外，如果您使用的jQuery源文件不止一个，那么您应该只使用一个。阅读有关事件的更多信息。

我已经发现非常奇怪的是，您正在加载三个不同的jQuery版本。您试图在输入元素存在之前找到它。请先阅读jQuery教程来学习基础知识：，Thks很多人..祝你周日愉快！