<%var cssPar = {%> <%};%> <%var jsPar = {%> <!-- <script> $(document).ready(function(){$(".fo-aw-title .fo-aw-title-myanswer .input").hide();}); </script> --> <script > $(document).ready(function(){ // 标签添加的点击 $(".modal .modal-body .del-tag").on("click","a", function(){ a=$(this),b=a.attr("title"),c=a.attr("value"),d=$(".fo-qt-tag .fo-qt-addtag"); a.remove(); d.append($("<a "+'value="'+c+'"title="'+b+'" href="javascript:void(0);" ><span>'+b+"</span><em></em></a>")); $(".fo-qt-tag .fo-qt-addtag a em").addClass("icon-remove"); $("#tagHiddenDiv").append($('<input type="hidden" id="tag' + c + '" name="labelList" value="' + c + '">')); }); // 标签删除的点击 $(".fo-qt-tag .fo-qt-addtag").on("click", "a",function(){ a=$(this),b=a.attr("title"),c=a.attr("value"),d=$(".modal .modal-body .del-tag"); a.remove(); $('#tag' + c + '').remove(); d.append($("<a "+'value="'+c+'"title="'+b+'" href="javascript:void(0);" ><span>'+b+"</span><em></em></a>")); $(".modal .modal-body .del-tag a em").addClass("icon-plus"); }); }); </script> <script> function verifyForm(){ if($("#title").val()==''){ $("#title").focus(); alert("请输入您的问题!"); return false; } return true; } </script> <%};%> <%layout("/technicalQuestionsAnswers/commonPage/_layout.html", {nav:"",meunsel:"indexpage",jsParam:jsPar,cssParam:cssPar}) {%> <div class="container"> <div class="row"> <div class="fo-qt"> <div class="container-fluid"> <form id="form1" action="${contextPath}/TechnicalQa/editMyQuestion" method="post" onsubmit="return verifyForm();"> <div class="row"> <div class="col-xs-2 fo-qt-left"> <span class="icon-star"></span>问题说明: </div> <div class="col-xs-10 fo-qt-content" style="display:block;"> <div class="fo-qt-title"> <textarea name="title" id="title" placeholder="请在这里概述您的问题主题"></textarea> </div> <div class="fo-qt-detail"> <textarea name="detailed" id="detailed" placeholder="您可以在这里继续补充问题详细内容"></textarea> </div> </div> </div> <div class="row"> <div class="col-xs-10 col-xs-offset-2 fo-qt-tag"> <ul> <li><span>问题标签</span></li> <li> <div class="fo-qt-addtag"> </div> </li> <li> <a href="#" class="btn" data-toggle="modal" data-target="#myModal" style="border: 2px solid #A0C2F9;"> <span class="icon-plus"></span>添加标签 </a> <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-body"> <p><i class="icon-fire icon-2x" style="color: red; margin-right: 15px;"></i>热门标签:</p> <div class="del-tag"> <%for(tempLabel in lableList!){%> <a value="${tempLabel.code}" title="${tempLabel.name}" href="javascript:void(0);" id="${tempLabel.code}"><span>${tempLabel.name}</span><em class="icon-plus"></em></a> <%}%> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">完成</button> </div> </div> </div> </div> </li> <li><span style="font-size: 10px; color: #C7C0CF;">正确的问题标签,会获得更准确专业的回答,标签不要超过五个</span></li> </ul> </div> </div> <div class="row" style="margin-top:20px;"> <div class="col-xs-2 fo-qt-left"><!-- 提问服务: --></div> <div class="col-xs-10 fo-qt-btn"> <!-- <ul> <li style="float:left;"><label for=""><input type="checkbox">答题悬赏</label></li> <li style="float:left; margin: 0 18px; padding-top:2px;"><select name="" id="" style="width:50px;"> <option value="">1</option> <option value="">2</option> <option value="">3</option> <option value="">4</option> <option value="">5</option> </select></li> <li style="padding-top:2px;">您当前的财富值为<span>15</span></li> </ul> --> <div style="float:right;margin-top:10px;"> <button class="btn btn-success">提交问题</button> </div> </div> </div> <div id="tagHiddenDiv"></div> </form> </div> </div> </div> </div> <%}%>