javascript - 点击时不显示 div 标签内容

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 6 年前。

Improve this question

我试图在 href 点击时显示 div 标签的数据，id 是动态生成的。但 div 标签没有响应。代码的顺序如下。该文件是 .tpl 文件。

        function editPickUpAddress(divId)
        {
            ("#pickupAddressForm_"+divId).show();
        }

<a href style="float:right;margin-top:-20px;margin-right:100px;" onclick="editPickUpAddress({$item.profile_id});">Edit</a>

 <div id="pickupAddressForm_{$item.profile_id}" style="display:none">
   //some content to display
   </div>

Answer 1

清理代码片段并包含 jQuery 后，代码将按预期工作。另请注意 href="#"，它会阻止 anchor 标记导航到另一个页面。

function editPickUpAddress(divId) {
  $("#pickupAddressForm_" + divId).show();
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" onclick="editPickUpAddress(1);">Edit</a>

<div id="pickupAddressForm_1" style="display:none">
  //some content to display
</div>