请分析以下代码中“编辑”按钮为什么没有用？<a href="#" onclick="cookClassEdit('<%=cookClass.getCookClassId() %>');"><i class="fa fa-pencil fa-fw"></i>编辑</a> <div id="cookClassEditDialog" class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title"><i class="fa fa-edit"></i> 烹饪分类信息编辑</h4> </div> <div class="modal-body" style="height:450px; overflow: scroll;"> <form class="form-horizontal" name="cookClassEditForm" id="cookClassEditForm" enctype="multipart/form-data" method="post" class="mar_t15"> <div class="form-group"> <label for="cookClass_cookClassId_edit" class="col-md-3 text-right">分类id:</label> <div class="col-md-9"> <input type="text" id="cookClass_cookClassId_edit" name="cookClass.cookClassId" class="form-control" placeholder="请输入分类id" readOnly> </div> </div> <div class="form-group"> <label for="cookClass_className_edit" class="col-md-3 text-right">分类名称:</label> <div class="col-md-9"> <input type="text" id="cookClass_className_edit" name="cookClass.className" class="form-control" placeholder="请输入分类名称"> </div> </div> <div class="form-group"> <label for="cookClass_cookClassDesc_edit" class="col-md-3 text-right">烹饪分类介绍:</label> <div class="col-md-9"> <textarea id="cookClass_cookClassDesc_edit" name="cookClass.cookClassDesc" rows="8" class="form-control" placeholder="请输入烹饪分类介绍"></textarea> </div> </div> </form> <style>#cookClassEditForm .form-group {margin-bottom:5px;} </style> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button> <button type="button" class="btn btn-primary" onclick="ajaxCookClassModify();">提交</button> </div> </div> </div> </div> function cookClassEdit(cookClassId) { $.ajax({ url : basePath + "CookClass/" + cookClassId + "/update", type : "get", dataType: "json", success : function (cookClass, response, status) { if (cookClass) { $("#cookClass_cookClassId_edit").val(cookClass.cookClassId); $("#cookClass_className_edit").val(cookClass.className); $("#cookClass_cookClassDesc_edit").val(cookClass.cookClassDesc); $('#cookClassEditDialog').modal('show'); } else { alert("获取信息失败！"); } } }); } function ajaxCookClassModify() { $.ajax({ url : basePath + "CookClass/" + $("#cookClass_cookClassId_edit").val() + "/update", type : "post", dataType: "json", data: new FormData($("#cookClassEditForm")[0]), success : function (obj, response, status) { if(obj.success){ alert("信息修改成功！"); location.href= basePath + "CookClass/frontlist"; }else{ alert(obj.message); } }, processData: false, contentType: false, }); }

根据代码所示，点击“编辑”按钮会调用cookClassEdit函数，并传入参数cookClassId。这个函数会通过ajax请求获取对应id的烹饪分类信息，并将其填充到编辑对话框中。但是，在这段代码中并没有给“编辑”按钮绑定点击事件，因此点击按钮并不会触发任何事件，也就是说这个按钮是没有用的。如果想让这个按钮起作用，需要在页面加载完成后使用JavaScript代码给按钮绑定点击事件，使其调用cookClassEdit函数。

相关问题

css_selector 属性定位 <a href="#" onclick="editPhone();">保存</a>

css_selector 属性可以通过选择器定位页面上的元素，其中<a href="">表示超链接元素，可以通过以下方式进行定位：

1. 通过标签名和属性值定位：

使用以下语法可以定位所有 href 属性值为空的超链接元素：

a[href=""]

2. 通过标签名和部分属性值定位：

使用以下语法可以定位所有 href 属性值包含 "baidu" 的超链接元素：

a[href*="baidu"]

3. 通过标签名和属性值前缀定位：

使用以下语法可以定位所有 href 属性值以 "http" 开头的超链接元素：

a[href^="http"]

4. 通过标签名和属性值后缀定位：

使用以下语法可以定位所有 href 属性值以 ".com" 结尾的超链接元素：

a[href$=".com"]

<% String user_name = (String)session.getAttribute("user_name"); if(user_name==null){ %> <li><a href="#" onclick="login();">用户登录</a></li> <li><a href="<%=basePath%>login.jsp">后台登录</a></li> <% } else { %> <li class="dropdown"> <a id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> ${sessionScope.user_name} <span class="caret"></span> </a> </li> <li><a href="<%=basePath %>logout.jsp"><span class="glyphicon glyphicon-off"></span>&nbsp;&nbsp;退出</a></li> <% } %>这段代码请帮我用jstl标签改写

可以将上述代码使用 JSTL 标签进行改写，代码如下所示：

<c:choose>
  <c:when test="${empty sessionScope.user_name}">
    <li><a href="#" onclick="login();">用户登录</a></li>
    <li><a href="${basePath}login.jsp">后台登录</a></li>
  </c:when>
  <c:otherwise>
    <li class="dropdown">
      <a id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        ${sessionScope.user_name}
        <span class="caret"></span>
      </a>
    </li>
    <li><a href="${basePath}logout.jsp"><span class="glyphicon glyphicon-off"></span>&nbsp;&nbsp;退出</a></li>
  </c:otherwise>
</c:choose>

在上述代码中，使用了 `<c:choose>` 标签来判断当前用户是否已经登录，如果已经登录，则显示用户信息和退出链接，否则显示用户登录和后台登录链接。在判断条件中，使用了 `${empty sessionScope.user_name}` 表达式来判断 `sessionScope` 对象中是否存在 `user_name` 属性。在 JSTL 中，`${}` 表达式用于引用 EL 表达式的值，`${empty}` 表达式用于判断值是否为空。此外，在代码中还使用了 JSTL 的 `<c:when>` 和 `<c:otherwise>` 标签来实现条件判断。