Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.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/3/html/89.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
Jquery 如何使横幅的一部分在层滑块中可单击_Jquery_Html_Css - Fatal编程技术网

Jquery 如何使横幅的一部分在层滑块中可单击

Jquery 如何使横幅的一部分在层滑块中可单击,jquery,html,css,Jquery,Html,Css,我在我的主页上使用layerslider来显示几个横幅,我希望用户单击每个横幅上的文本以将它们重定向到不同的页面,因此我需要将该文本指定为链接,并保持设计的响应性。我该怎么做 以下是滑块演示页面: 我的 <div id="layerslider" style="width: 100%; height: 396px; visibility: visible;" class="ls-container ls-v5"> <!-- slide one star

我在我的主页上使用layerslider来显示几个横幅,我希望用户单击每个横幅上的文本以将它们重定向到不同的页面,因此我需要将该文本指定为链接,并保持设计的响应性。我该怎么做

以下是滑块演示页面:

我的

<div id="layerslider" style="width: 100%; height: 396px; visibility: visible;" class="ls-container ls-v5">
            <!-- slide one start -->
            <div class="ls-inner" style="width: 1903px; height: 396px; background-color: transparent;"><div class="ls-lt-container ls-overflow-hidden" style="width: 1903px; height: 396px; display: block;"></div><div class="ls-slide" data-ls="slidedelay: 8000;transition2d:5;timeshift:-1000;" style="width: 0px; height: 396px; visibility: visible; display: none; left: 0px; right: auto; top: 0px; bottom: auto;">

                <!-- slide background image -->
                <img src="./Home2_files/slide1.jpg" class="ls-bg ls-preloaded" alt="Slide background" style="z-index:0; padding: 0px; border-width: 0px; width: 1903px; height: 470.993px; margin-left: 0px; margin-top: -37.4963px; visibility: hidden;"><div class="ls-gpuhack" style="width: auto; height: auto; padding: 0px; border-width: 0px; left: 301.5px; top: 0px;">
                <a href="MY_URL_link" class="link"></a>
                </div>


首先,您需要知道文本的id/类是什么。我将在本例中使用class=“text”,因为您没有为单词提供任何类/id。此外,单词将位于div中,因此这里的文本将是
Text

使用jQuery,您可以执行以下操作:

$("document").ready(function{
    $(".text").click({
        $(location).attr('href', 'your url here');
    });
});
然后,您可以根据需要多次使用此代码,如下所示:

$("document").ready(function{
    $(".text").click({
        $(location).attr('href', 'your url here');
    });
    $(".text2").click({
        $(location).attr('href', 'your url here');
    });
});

文本不必是url,只要它周围有一个div。

首先,您需要知道文本的id/类是什么。我将在本例中使用class=“text”,因为您没有为单词提供任何类/id。此外,单词将位于div中,因此这里的文本将是
Text

使用jQuery,您可以执行以下操作:

$("document").ready(function{
    $(".text").click({
        $(location).attr('href', 'your url here');
    });
});
然后,您可以根据需要多次使用此代码,如下所示:

$("document").ready(function{
    $(".text").click({
        $(location).attr('href', 'your url here');
    });
    $(".text2").click({
        $(location).attr('href', 'your url here');
    });
});

文本不必是url,只要周围有一个div。

您的问题不清楚,因此很难理解。例如,我的一个横幅上会有这样一条消息:“我们提供最好的服务。了解更多”了解更多可单击,因为“了解更多”嵌入到横幅图像中,而不是div类。我该怎么做?你是说这些词是横幅的一部分,就像图片的一部分一样?是的,图片的一部分,所以我需要让图片的那部分可以点击…怎么做?我不认为这是可能的。你的问题不清楚,所以很难理解。例如,我的一个横幅上会有这样的信息:“我们提供最好的服务。了解更多“了解更多”是可点击的,因为“了解更多”嵌入到横幅图像中,而不是div类。我怎么做?你是说这些词是横幅的一部分,就像图像的一部分?是的,图像的一部分,所以我需要使图像的这一部分可点击……怎么做?我不认为这是可能的