如何将代码插入： <ul><li> 这里 </li></ul> ..那会产生一个大小合适的窗口。

Question

无法使它正常工作（我不能从列表标签内进行JS调用吗？）谢谢！！！

 <head> <script type="text/javascript"> // Popup window code function 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,directories=no,status=yes') } </script> </head> <body> <ul> <li><a href="helpingkidswhostruggle.html" target="popup" onclick="window.open('helpingkidswhostruggle.html','name','width=600,height=450')">Helping Kids Who Struggle</a> </li> </ul>

 ..etc ,,but works fine when not in <li> Thanks!!!

Answer 1

我建议您将jQuery库用于此解决方案。 为了使用jquery，您必须使用CDN或本地包含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>

因此，解释代码；

您必须将id属性分配给ul和li标签。

$( "#group li" ).bind( "click", function() {代码查找包含li标记的列表项，该列表项包含在id为group的元素中，并为其分配一个点击侦听器，以便在单击后，将调用并执行一个函数。

var selected_item = $(this).attr('id'); 代码使用attr('id')方法获取单击列表项的ID并将其分配给变量selected_item 。 因此，现在这是使用为列表项分配id方式，以便您可以识别它们。

当然，该if(selected_item == "one"){代码会检查单击了哪个项目以及是否单击了该项目。 您可以尝试一下，看看有什么适合您的。

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

尝试一下，让我知道是否有帮助或发现问题

如何将代码插入： <ul><li> 这里 </li></ul> ..那会产生一个大小合适的窗口。

问题描述

1 个解决方案

解决方案1
0 2017-03-30 16:11:40

如何将代码插入： <ul><li> 这里 </li></ul> ..那会产生一个大小合适的窗口。

问题描述

1 个解决方案

解决方案1 0 2017-03-30 16:11:40

解决方案1
0 2017-03-30 16:11:40