Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/418.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/cplusplus/160.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery:两个站点之间的一个函数。如何做?_Javascript_Jquery_Html_Button_Hyperlink - Fatal编程技术网

Javascript JQuery:两个站点之间的一个函数。如何做?

Javascript JQuery:两个站点之间的一个函数。如何做?,javascript,jquery,html,button,hyperlink,Javascript,Jquery,Html,Button,Hyperlink,我有个问题。我的示例_1.html如下所示: 项目1的标题 内容项1 标题项目2 内容项2 标题项目3 内容项3 script.js是这样的: $(“.Linkitem”)。单击(函数(){event.preventDefault();让 dataId=$(this.attr('data-id'); $('.item[dataId='+dataId+']')).fadeIn(2500); $('.item:not([dataId='+dataId+'])).hide(); $

我有个问题。我的示例_1.html如下所示:


项目1的标题 内容项1

标题项目2

内容项2

标题项目3 内容项3

script.js是这样的:

$(“.Linkitem”)。单击(函数(){event.preventDefault();让 dataId=$(this.attr('data-id');
$('.item[dataId='+dataId+']')).fadeIn(2500);
$('.item:not([dataId='+dataId+'])).hide(); $('.Linkitem[data id='+dataId+']').addClass(“活动btn警告”);
$('.Linkitem:not([data id='+dataId+'])).removeClass(“活动 btn警告); });

现在,我想将示例_1.html与示例_2.html结合起来,其中包含以下内容:

<button><a href="">button1</a></button> 
<button><a href="">button2</a></button> 
<button><a href="">button3</a></button>

我想说的是:

如果我点击了按钮1上的example_2.html,那么它必须打开一个新窗口(example_1.html及其类似内容,我点击了“Linkitem1”)

然后点击按钮2,就像我点击Linkitem2一样,点击按钮3,就像点击Linkitem3一样


我是一个初学者,因此我需要帮助。如何编写javascript代码来做到这一点?有人可以提供帮助吗?

打开新窗口时,您可以在链接中传递一些参数

因此,当您的示例_2.html看起来像这样时(
target=“\u blank”
打开新窗口,但我想您已经知道了这一点)


当然,有一种方法可以使它更通用,但我只想给出一个想法。

为了运行脚本,您必须首先添加数据id标记

$('.item[data-id='+dataId+']')

我忘了提到,您需要记住,使用
引导滚动到
div
,使用
id
。您可以使用
来避免这种情况,而不是
<a href="example_1.html#Linkitem1" target="_blank">button1</a>
<a href="example_1.html#Linkitem2" target="_blank">button2</a> 
<a href="example_1.html#Linkitem3" target="_blank">button3</a>
if(window.location.hash == '#Linkitem1'){
   // do something with linkitem1
}
else if (window.location.hash == '#Linkitem2`){
 // do smth with linkitem2
}
...
$('.item[data-id='+dataId+']')