隐藏模态没有链接bootstrap

Question

当我点击我的创建按钮弹出窗口时，我正在使用带有模态弹出窗口的bootstrap，然后输入数据并单击保存按钮显示链接

当我点击编辑然后弹出显示并弹出

但是在弹出窗口点击取消按钮时，链接View HTML | Edit | Delete | PDF已经消失。我的取消按钮为<button type="button" class="btn default" data-dismiss="modal">Cancel</button>，我发现data-dismiss="modal"此属性清除/删除/隐藏链接。是否有其他替代方法可以隐藏弹出窗口而不清除/删除/隐藏链接。

链接代码

$("#appendDockReceipt").empty();
appendDockReceipt += "<a href=\"javascript: void(0);\" title=\"View HTML\" onclick=\"\">View HTML</a> | ";
appendDockReceipt += "<a href=\"javascript: void(0);\" title=\"Edit\" onclick=\"javascript: cleanScreen('dockReceiptClickEdit'); bookingAjaxFunc('"+url+"', '"+dockReceiptRow.bookingsLettersDockReceiptId+"', 'dockReceiptFetch');\" data-target=\"#createDockReceipt\" data-toggle=\"modal\">Edit</a> | ";
appendDockReceipt += "<a href=\"javascript: void(0);\" title=\"Delete\" onclick=\"deleteConfirmation('"+url+"', '"+dockReceiptRow.bookingsLettersDockReceiptId+"', 'dockReceiptDelete', 'bookingAjaxFunc');\">Delete</a> | ";
appendDockReceipt += "<a href=\"javascript: void(0);\" title=\"PDF\" onclick=\"bookingAjaxFunc('"+url+"', '"+dockReceiptRow.bookingsLettersDockReceiptId+"', 'createDockReceiptPDF');\">PDF</a>";
$("#appendDockReceipt").append(appendDockReceipt);

popup div代码是

<div id="createDockReceipt" class="modal fade" id="portlet-config" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
textfieds and buttons goes here
    </div>

显示弹出窗口的按钮

<a class=" btn red-intense" href="#"  data-target="#createDockReceipt" data-toggle="modal">Save</a>