Javascript Jquery按钮单击事件绑定问题_Javascript_Jquery_Html_Css_Jquery Mobile

Javascript Jquery按钮单击事件绑定问题

javascript jquery html css jquery-mobile

Javascript Jquery按钮单击事件绑定问题,javascript,jquery,html,css,jquery-mobile,Javascript,Jquery,Html,Css,Jquery Mobile,我的jQuery手机按钮有问题，我不知道如何解决我正在尝试将单击事件绑定到它。单击事件期间，我的当前页面应更改为另一页面事件绑定在此buton上： <a id="test" data-role="button">Test</a> 这段代码在一开始就可以工作，但随着我的网站越来越大，它就完全停止工作了还有一个问题，因为这是我在这里的第一个问题，如何使它更好？根据我过去浏览这个网站的经验，我发现了很多未回答的问题。 <html lang="en"> <

我的jQuery手机按钮有问题，我不知道如何解决

我正在尝试将单击事件绑定到它。单击事件期间，我的当前页面应更改为另一页面

事件绑定在此buton上：

<a id="test" data-role="button">Test</a>

这段代码在一开始就可以工作，但随着我的网站越来越大，它就完全停止工作了

还有一个问题，因为这是我在这里的第一个问题，如何使它更好？根据我过去浏览这个网站的经验，我发现了很多未回答的问题。


<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Slider - Default functionality</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

<script>

function fun()
{

var some = $("#some").val();

    if (some.match("3")) {
       alert("Hello");
    }
}

</script>
</head>
<body>
<select id="some">
<option value="1">Text 1</option>
<option value="2">Text 2</option>
<option value="3">Text 3</option>
</select>
<button  id="btn" onclick='fun()' >Show</button>
</body>
</html> 

jQuery UI滑块-默认功能
函数fun（）
{
var some=$（“#some”）.val（）；
如果（部分匹配（“3”））{
警惕（“你好”）；
}
}
文本1
文本2
文本3
显示

嗨，朋友，

这可能对你有帮助。谢谢：）

此答案将从jQuery Mobile的角度编写，但其中大部分内容也可用于其他组

圆盘机这是我个人博客上的一篇文章

在场首先也是最重要的一点，不要发布你的问题然后消失。至少坚持半个小时甚至一个小时，等待评论（对你的问题）或更好的答案。通常，会员会有更多的问题，你应该尽快回答。不要把这看成是一件家务事，你有一个问题，你应该努力找到一个正确的答案

如果没有人回答您的问题，请在一天中返回几次

代码示例其次，您需要提供一个代码示例。越多越好，但不要过分。如果您正在放置大型代码示例，请尝试注释所有内容。例如：“这是我的索引页，我的问题发生在这里…”。因为这是一个致力于jQuery Mobile的小组（jQuery的第二个小组），所以请注意也要放置js代码，让它比HTML代码具有更高的优先级

例如，这是一个格式良好的问题：

我们需要的一切都在这里：

这个js代码示例涵盖了整个页面，我们可以使用它创建一个工作示例。那就最好给你指出正确的方向

<script type="text/javascript">
    $(document).ready(function() {
        var userName;
        var userPassword;

        $("#submitBtn").click(function() {
            //alert("HI");      
            userName = $("#UserName").val();
            userPassword = $("#Password").val();

            if ((!UserName)|| (!userPassword)) {
                alert("Enter the Details");
            }
            else {
                if ((userName !="alpha") ||(userPassword !="beta")) {
                    alert('Enter correct username and password');
                }
                else {
                    //here i want to load my selectOption.html file ?
                }             
            }                                  
        });                          
    });
</script>

其中$index是您页面的id。

这很难回答，因为代码似乎是正确的，您自己说这在过去是有效的。我想到了两个可能的原因，可能是alert后面缺少分号，或者您可能有另一个具有相同id的元素。您的代码非常好，因此几乎没有可能出现重复id问题，或者其他JS代码中可能有错误。请检查控制台，您可能会找到错误。您不需要将其绑定到

.ready（）

。如果没有它，它将起作用。

<script type="text/javascript">
    $(document).ready(function() {
        var userName;
        var userPassword;

        $("#submitBtn").click(function() {
            //alert("HI");      
            userName = $("#UserName").val();
            userPassword = $("#Password").val();

            if ((!UserName)|| (!userPassword)) {
                alert("Enter the Details");
            }
            else {
                if ((userName !="alpha") ||(userPassword !="beta")) {
                    alert('Enter correct username and password');
                }
                else {
                    //here i want to load my selectOption.html file ?
                }             
            }                                  
        });                          
    });
</script>

<body>
    <div data-role="page" id="home">        
        <div data-role="header">            
            <h1>Enter Credential</h1>                      
        </div>

        <div data-role="content">
            <label for="UserName">User Name</label>
            <input type="text" name="UserName" id="UserName" value="" style="width:220px;"  />

            <label for="Password">Password</label>
            <input type="password" name="Password" id="Password" value="" style="width:220px;"  />

            <div id="submitBtn" data-role="button">Submit</div>
        </div> 
    </div>
</body>

$(document).on('pagebeforeshow', '#index', function(){      

});