Ram Shukla Ram Shukla - 1 year ago 67
HTML Question

Jquery Dialog Box is not opening on Clicking Link

I have a menu bar submenu which needs to navigate to particular link.But before navigating to the link i need to open a jquery dialog box as login form to enter username and password.On submitting username and password i need the link to navigate to particular destination ..

Here the problem is this that on clicking submenu neither it is opening the jquery dialog login form nor it is navigating to particular site..

Here is my html for menu bar..

<li><a href="#"><span>Settings</span></a>
<li><a href="Createuser.jsp" class="loginlink"><span>Create New Account</span></a></li>

and here is my jquery login form ...

<a href="/login" style="display:none" class="loginlink">Log In</a>

<div id="loginform" style="display:none">
<form action="Createuser.jsp" method="post">
<td>User Name:</td>
<input name="username" id="username" type="text" />
<input name="password" id="password" type="password" />
<td colspan="2" style="text-align:center;">
<input type="submit" value="Login" />

and below is my document.ready function..Please see..

$('a.loginlink').click(function(e) {
return false;

autoOpen: false,
modal: true,
resizable: false,
draggable: false


Which jquery library version are u using. Please make sure you are importing library required for Jquery UI

I dont see any problem in your except your anchor tag having display:none.

Check this link