Question

我正在尝试在JS函数中打开一个弹出窗口，但它无法正常工作

以下是 JS 功能

function verifyUser(user,pwd)
    {
    var name = user;
     var paswd = pwd;
    if(name === 'user' || paswd === '123')
     {
      $( "#pwdpopup" ).popup('close');
      $( "#aboutPopup" ).popup('open');

     }
     else
     {
     alert('Incorrect User Name or Password');
     }
    }

，这是 HTML

<div data-role="popup" id="pwdpopup">
   <div data-role="header">
        <h1>Authentication</h1>
   </div>
      <div data-role="content">
        <label for="uname">User Name </label> <input type="text" id="uname" />
        <label for="pswd" >Password </label><input type="password" id="pswd" />
         <button onClick="verifyUser(uname.value,pswd.value);">Verify</button>
      </div>
 </div>


 <div data-role="popup" id="aboutPopup">
     <div data-role="header">
        <h1>About Application</h1>
     </div>
   <div data-role="content">
        <div id="version">
        </div>
        <div id="resDate">
        </div> 
       <div id="release">
       </div> 
   </div>
 </div>

一切正常，pwdpopup关闭，但另一个弹出窗口没有打开

Answer 1

我认为你应该查看有条件的＆＃34; ||＆＃34;，然后尝试使用＆＃34;＆amp;＆amp;＆＃34;，我想是你要做的比较。

Answer 2

您是否包含jquery库以及jquery移动库？如果没有，则函数不起作用，因为库彼此依赖。您的代码似乎没有任何问题，控制台只是说您的功能没有定义。所以我猜这是你遇到的问题。

在JS函数中打开PopUp

2 个答案: