在jsp中的jquery按钮

在我的项目中朋友们喜欢它们，因为你看到我想要将锚标签转换为按钮外观。这是我的jsp代码正确的我在哪里我错了CSS链接是完美的。在锚标记的点击就应该提前toggle.thanks在jsp中的jquery按钮

<%@page contentType="text/html" pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<%@taglib uri="/struts-tags" prefix="s" %> 
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%> 
<%@ taglib uri="http://displaytag.sf.net" prefix="display" %> 
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <link rel="stylesheet" type="text/css" href="css/styles.css"/> 
    <link rel="stylesheet" href="css/fotorama.css"/> 

    <title>Islam WedLock</title> 
    <script type="text/javascript" src="js/fotorama.js"></script> 
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.8.6.custom.min.js"></script> 
    <link type="text/css" href="css/south-street/jquery-ui-1.8.18.custom.css" rel="stylesheet" /> 
    <s:head /> 
    <sj:head jqueryui="true" /> 

    <script type="text/javascript"> 
     $(function() { 
      // set effect from select menu value 

      $("#button").button(); 

      $("#button").click(function() { 
       $("#effect").toggle("blind"); 
       return false; 
      }); 

      $.subscribe('hideTarget', function(event, data) { 
       $('#'+event.originalEvent.targets).hide("blind"); 
       $("#effect").hide(); 
      }); 

     }); 
    </script> 
</head> 
<body> 
    <div class="wrapper"> 
     <%@include file="header.jsp"%> 

     <!-- content --> 
     <div> 
      <table> 
       <tr> 
        <td> 
         <div class="demo"> 
          <a href="#" id="button">Upload Files</a> 
         <div id="effect" style="display:none;"> 
          <s:form action="fileUpload" method="post" theme="xhtml" enctype="multipart/form-data" > 
           <s:file name="userImage" id="fileinput" label="User Image" /> 
           <sj:submit targets="result" effect="blind" effectMode="show" onEffectCompleteTopics="hideTarget" value="Upload" button="true" /> 
          </s:form> 
          <br/> 
          <img id="indicator" src="progressbar.gif" style="display:none" alt="loading"/> 
         </div> 
         </div>  
        </td> 
       </tr> 
       <tr> 
        <td> 
         <sj:div onEffectCompleteTopics="hideTarget" cssClass="ajaxdiv" cssStyle="display:none;" id="result"></sj:div> 
        </td> 
       </tr> 
     </table> 
    </div> 


     <!-- End --> 
     <%@include file="footer.jsp"%> 
    </div> 
</body>

来源

2012-04-25 user1184777

-1

尝试使用一样，

< a href="#" id="button" 
style="background: #ddd; color: black; border: 2px outset #555"> 
Upload Files< /a>

乌尔锚标记会看起来像按钮...

来源

2012-04-25 09:46:10

在jsp中的jquery按钮

回答

相关问题