Javascript 如何将代码插入：<；ul>&书信电报；李>；这里</李></ul>。。这将产生一个大小的窗口。_Javascript_Html

Javascript 如何将代码插入：<；ul>&书信电报；李>；这里</李></ul>。。这将产生一个大小的窗口。

javascript html

Javascript 如何将代码插入：<；ul>&书信电报；李>；这里</李></ul>。。这将产生一个大小的窗口。,javascript,html,Javascript,Html,无法让它工作（我可以不从列表标签内部调用JS吗？）谢谢 //弹出窗口代码函数newPopup（url）{ popupWindow=window.open( url、'popUpWindow'、'height=300，width=400，left=10，top=10，resizable=yes，scrollbars=yes，toolbar=yes，menubar=no，location=no，Directory=no，status=yes'） } 我建议您使用此解决方案的库。为了使用

无法让它工作（我可以不从列表标签内部调用JS吗？）谢谢


//弹出窗口代码
函数newPopup（url）{
popupWindow=window.open(
url、'popUpWindow'、'height=300，width=400，left=10，top=10，resizable=yes，scrollbars=yes，toolbar=yes，menubar=no，location=no，Directory=no，status=yes'）
}

我建议您使用此解决方案的库。为了使用jquery，必须使用或本地包含jquery文件。我使用CDN

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

您可以设置jquery事件侦听器，以便在单击列表项后执行事件。比如,

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>List Click</title>

<!-- Include meta tag to ensure proper rendering and touch zooming -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Include the jQuery library -->
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
</head>

<body>
<ul id="group">
    <li id="one">One</li>
    <li id="two">Two</li>
    <li id="three">Three</li>
    <li id="four">Four</li>
    <li id="five">Five</li>
</ul>
<script>
    $( "#group li" ).bind( "click", function() {
          var selected_item = $(this).attr('id');
            if(selected_item == "one"){
             window.open('helpingkidswhostruggle.html','name','width=600,height=450');
            }
});
</script>
</body>
</html>


列表单击

一个
两个
三个
四个
五个

$（“#组li”）.bind（“单击”，函数（）{
var selected_item=$（this.attr（'id'）；
如果（所选项目==“一”）{
open（'helpingkidswhostruggle.html'，'name'，'width=600，height=450'）；
}
});

所以要解释代码

必须为

ul

和

li

标记分配id属性

$（“#group li”）.bind（“click”，function（）{

code查找带有

li

标记的列表项，这些标记包含在id为

group

的元素中，并为它们分配一个click侦听器，以便在单击它们时调用并执行一个函数

var selected_item=$（this）.attr（'id'）；

code使用

attr（'id'）

方法获取单击列表项的id，并将其分配给变量

selected_item

。因此，现在使用的是将

id

分配给列表项，以便您可以识别它们

这个

if（selected_item==“one”）{

code当然会检查哪个项目被点击，以及如果点击了要采取的行动。你可以玩一下这个，看看什么对你有用

不要忘记包含jquery文件，否则代码将无法工作

试试看，告诉我它是否有用，或者你是否发现了问题

你有什么问题？什么“不起作用”这里？你在控制台中看到错误了吗？你基本上可以在任何元素上点击

onclick

，因此你在

中这一事实与问题无关。为什么是第二个例子？我尝试了在li标签中工作的基于图像的弹出JS，但我需要这是一个文本链接Hello Lionel，我发现只有一个full size window是派生出来的，而不是一个大小的窗口。如果我从li标签中提取html，它就会工作。道格拉斯，非常感谢你的时间。我尝试了你的建议，但没有效果，但我是一个新手，所以很可能我没有正确地遵循方向。或者这可能与我使用第三方菜单生成器及其自己的css-Ive-poste有关d顺便说一句，我认为这是你的方向，我试图从每个链接生成一个不同的窗口。嘿，丹，我怀疑css是否有问题，它应该可以工作。我将编辑我的答案，以便我可以解释我的例子。请看一看。