不止一个问题——jquery主要适用于Chrome，但不适用于IE或Firefox，还需要帮助分离链接和打开窗口

Question

所以这是我的问题。我有一张复选框清单。单击并提交时，将从选定的复选框生成一个列表，这些复选框是指向资源的链接。链接将在新窗口中打开。

我仍在解决这些错误，但当我在Chrome中测试它时，它基本上是有效的(就像它生成我的新列表并创建至少一个链接一样)，当我在IE或firefox中测试时，它似乎根本不起作用。我已经做了一个警报测试，以确保我启用了jquery/javascript。

除了浏览器问题之外，我遇到的另一个问题是，当我的列表是通过点击复选框生成的时，我的新列表将是链接。最终发生的是，它是一个大的环节，而不是单独的环节。不太确定如何解决。

然后我需要在一个新窗口中打开每个链接。我想，一旦我弄清楚这些其他细节，我相信我能弄清楚。我只是越来越沮丧。我已经包含了我的代码。也许有人能帮我弄清楚我到底做错了什么！！！

谢谢你的帮助！

谨致问候，KMS

<script>
$(document).ready(function(){
$("#show").click(function(){
outputResources();
	$("#reset").click(function(){
location.reload();
});
	});
});
	
			
function outputResources(){
	
	
	var resourceArray=[];
	$(".resource:checked").each(function(){
		resourceArray.push($(this).val());
	});
	
	//urls
	var urlsArray=[];
	$(".resource:checked").each(function(){
		urlsArray.push($(this).attr("href"));
	});
	
	var links;
	links=urlsArray;
	 
	var results;
	results=resourceArray;
	
	var output ="You have selected:<li><a class='rLinks' href='"+links+"'>"+results+"</a></li>";
	
	
	if(results.length>0){
		$("#show").attr("disabled",true);	
		$("#resourceResults").html(output);
		displayResults();
	}else{
		$("#show").attr("disabled",false);
		alert("Please select one or more resources to continue");
		
	}
	
}
//resource used: http://www.w3schools.com/JQuery/jquery_hide_show.asp
function displayResults(){
	$("#resourceResults").show(2000).delay("slow").fadeIn();
	
	
	$("#cList").hide("slow").fadeOut(2000);
	$("#reset").show(2000).delay("slow").fadeIn();
}
$("a.rLinks").click(function(){
	window.open();
	return false; 
});
	
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<p>Tell us how we can help you.  </p>
<section id="checklist">
<h3>I would like to know more about the following resources:</h3>
<form id="cList">
<input type="checkbox" class="resource" value="resource1" href="https://www.google.com">resource1<br>
<input type="checkbox" class="resource" value="resource2" href="https://www.google.com">resource2<br>
<input type="checkbox" class="resource" value="resource3" href="https://www.google.com">resource3<br>
<input type="checkbox" class="resource" value="resource4" href="https://www.google.com">resource4<br>
<input type="checkbox" class="resource" value="resource5" href="https://www.google.com">resource5<br>
<input type="checkbox" class="resource" value="resource6" href="https://www.google.com">resource6<br>
<input type="checkbox" class="resource" value="resource7" href="https://www.google.com">resource7<br>
<button id="show"> Show Me the Resources</button>
</form>
<div id="resourceResults">
</div>
<button id="reset"> Reset</button>
</section>

Answer 1

这可能不是在新选项卡中打开链接的最佳方式，但它可以工作：`$('<a>').attr('target'，'_blank').('ref'，your_link).click()'。它仍然会创建一个新的锚点并点击它。