javascript - 通过javascript单击按钮时无法获取下拉菜单

Question

我有一个 iframe，其中有一个设置按钮，我通过 JavaScript 附加了该按钮，例如 -

headerFuncPanel.append( "<div title='settings button' class='settingsImg window_icon_button no-draggable'></div>" );

现在，我必须向其中添加 simple dropdown menu -这样，单击设置按钮时，我会得到一个下拉菜单。

我必须以菜单的形式包含以下代码-

<ul>
<li><a href="#">Apples</a></li>
<li><a href="#">Oranges</a></li>
<li><a href="#">Bananas</a></li>
<li><a href="#">Cheetos</a></li>
</ul>

有什么方法可以在附加功能中插入/添加此菜单列表或通过添加相同的列表

headerFuncPanel.children(".settingsImg").click(function() {};

如何通过javascript添加菜单html？

Answer 1

尝试在变量周围添加 $() 吗？

喜欢:

$(headerFuncPanel.children(".settingsImg")).click(function() {}; 

或者只是在 .append 方法之后添加事件:

headerFuncPanel.append(...);
$('.settingsImg').click(...);