jquery - 链接在我的模板上不起作用-6ren

jquery - 链接在我的模板上不起作用

转载作者：行者123 更新时间：2023-11-28 00:29:23

我有模板: http://serwer1356363.home.pl/pub/sample2/ (预览)

左边有一张笔记本电脑的图片。在笔记本电脑上有一些点 - 这是链接(我想让它可以点击)。

我想点击页面打开页面(例如mbank.pl、wp.pl)。

怎么做？

我的代码:

<script type="text/javascript">
    var pointCount = 0;
    $(document).ready(function () {

        $(".deleteMyAccount").click(function (e) {
            e.preventDefault();
            $('#dialog').modal('show');
        });
        $(".acceptRemoveAccount").click(function (e) {
            window.location.href = "pl/editPhoto/removeMyAccount?recordId=5";
        });

        if ($('.checkboxHid1').is(':checked')) {
            $(".button_save1").show();
        } else {
            $(".button_save1").hide();
        }
        $('#tags_1').tagsInput({width: 'auto'});
        $('#tags_3').tagsInput({
            width: 'auto',
            autocomplete_url: 'pl/editPhoto/tags'
        });


        $(".checkboxHid1").click(function (event) {
                if ($(this).is(":checked"))
                    $(".button_save1").show();
                else
                    $(".button_save1").hide();
            }
        );


    });

</script>

<div class="modal fade" id="errorWindow" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-front-popup">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Proszę uzupełnić wszystkie pola oznaczone gwiazdką!</h4>
            </div>
            <div class="modal-footer modal-dialog-centered">
                <button type="button" class="btn btn-default" data-dismiss="modal">Ok</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="dialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-front-popup">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Czy na pewno chcesz usunąć to zdjęcie?</h4>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Anuluj</button>
                <button type="button" class="btn btn-primary acceptRemoveAccount">Tak, skasuj to zdjęcie teraz</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="modalSubscriptionForm" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog modal-dialog-front-popup" role="document">
        <div class="modal-content">
            <div class="modal-header text-center">
                <h4 class="modal-title w-100 font-weight-bold h4_redX">Zarób na dodanym zdjęciu...</h4>
            </div>
            <div class="modal-body mx-3">
                <div class="md-form mb-12">
                    <i class="fas fa-user prefix grey-text"></i>
                    <select class="selectpicker select_type_1 drobne_select1 company_id fullSizeInput radiusInput" name="company_id" required="required">
                        <option value="">Wybierz firmę</option>
                                                        <option  value="1">Firma Główna</option>
                                                </select>
                </div><br/>
                <div class="md-form mb-12">
                    <i class="fas fa-user prefix grey-text"></i>
                    <input type="url" id="form3" class="form-control validate val1 radiusInput url" name="url" placeholder="Wpisz link do produktu*" maxlength="500" required="required">
                </div><br/>
                <div class="md-form mb-12">
                    <i class="fas fa-user prefix grey-text"></i>
                    <input type="text" id="form3" class="form-control validate val1 radiusInput description" name="description" maxlength="200" placeholder="Wpisz nazwę dodawanego produktu*" required="required">
                </div><br/>
                <div class="hide coorX"></div><div class="hide coorY"></div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default savePointBtn1" data-dismiss="modal">Anuluj</button>
                <button type="button" class="btn btn-primary savePointBtn2 saveBtn">Zapisz</button>
                                </div>
        </div>
    </div>
</div>

<section class="section_100">
    <div class="container">
        <div class="row">

            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 ranking_zd  ">
                <div class="dodja1_left" id="image-holder">
                    <div class="scalize maxWidthImg imgpo">
                        <img src="assets/uploads/posts/thumbs/3qGzcIaxNsJrBgtdhMVLn5b0XeRU142Yi6ovuDWyAwpfFKlZm7E9k8HTSPQO.jpg"
                             class="img-responsive center dodja1_left_img target">
                                                        <script>
                                pointCount = pointCount + 1;
                            </script>
                            <div class="item-point" data-top="270"
                                 data-left="212"
                                 id="point42">
                                <div><a target="_blank" href="www.wp.pl" class="toggle tooltips"
                                        title="nazwa" data-placement="top"
                                        data-html="true" rel="tooltip"><span
                                                class="pointFormat">1</span></a></div>
                            </div>
                                                        <script>
                                pointCount = pointCount + 1;
                            </script>
                            <div class="item-point" data-top="70"
                                 data-left="344"
                                 id="point43">
                                <div><a target="_blank" href="www.mbank.pl" class="toggle tooltips"
                                        title="kalesony" data-placement="top"
                                        data-html="true" rel="tooltip"><span
                                                class="pointFormat">2</span></a></div>
                            </div>

                    </div>

                    <div class="usun_konto"><a class="deleteMyAccount"
                                               href="#">usuń to zdjęcie</a></div>
                </div>
            </div>

            <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 ranking_zd ">

                <form id="saveForm" method="post" name="contactformXX" class="form validate clearfix validate-form"
                      action="pl/editPhoto?recordId=5"
                      enctype="multipart/form-data">
                    <input type="hidden" name="save" value="1">
                    <input type="hidden" name="recordId" value="5">


                    <select class="selectpicker select_type_1 drobne_select1 " name="category" required="required">
                        <option value="">Wybierz kategorię*</option>
                                                        <option  selected="selected"                                         value="2">Mięsny</option>
                                                        <option                                         value="3">Odzieżowy</option>
                                                        <option                                         value="1">Spożywczy</option>
                                                </select>


                    <div class="form_group_my form_dodaj2">
                        <input type="text" id="tags_3" class="form-control kontakt_input tags" rows="4"
                               id="slowa_kluczowe1"
                               name="tags" placeholder="Wpisz słowa kluczowe*"
                               value="tag 2,tag 3,tag1">
                    </div>


                    <div class="form_group_my form_dodaj2">
                        <textarea required="required" class="form-control kontakt_input" rows="4" id="opis_zd2"
                                  name="description"
                                  placeholder="Dodaj opis zdjęcia*">opis zdjęcia :</textarea>
                    </div>


                    <div class=" padding_29"></div>
                    <br/><br/>
                    <div class="checkbox chackbox_tresc edycja_chcackbox_r">
                        <label>
                            <input type="checkbox" value="1" name="form_req1" disabled checked
                                   class="checkboxHid1">
                            <span class="cr"><i class="cr-icon glyphicon glyphicon-ok"></i></span>
                            Akceptuję
                            <a href="pl/regulamin" target="_blank">
                                <span class="checkbox_color_red">regulamin</span>
                            </a>
                            .
                        </label>
                    </div><br/><br/><br/>


                    <div class="dodaj2_slogan"><span class="h4_red">Zarób na dodanym zdjęciu </span>oznaczając na
                        nim
                        firmę,
                        z której dany produkt pochodzi i dodaj link.
                    </div>


                    <div class="itemsBox">

                                                        <div class="obiect42">
                                <input type="hidden" value="270|212|nazwa|www.wp.pl|1"
                                       name="points[]">
                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding_3 dodaj_top_1">
                                    <div class="col-xs-2 col-sm-1 col-md-1 col-lg-1 padding_3 ">
                                        <div class="dodaj2_link">
                                            <div class="dodaj2_link_span">1</div>
                                        </div>
                                    </div>
                                    <div class="col-xs-8 col-sm-10 col-md-10 col-lg-10  ">
                                        <div class="dodaj2_link_firma">nazwa</div>
                                        <div class="dodaj2_link_1"><a
                                                    href="www.wp.pl"
                                                    target="_blank">www.wp.pl</a>
                                        </div>
                                    </div>
                                    <div class="col-xs-2 col-sm-1 col-md-1 col-lg-1 padding_3 ">
                                        <div class="dodaj2_ikon7">
                                            <img src="assets/images/ikon7.png"
                                                 class="img-responsive dodaj2_ikon7_img removeMe"
                                                 id="42">
                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                                <hr class="hr">
                            </div>
                                                        <div class="obiect43">
                                <input type="hidden" value="70|344|kalesony|www.mbank.pl|1"
                                       name="points[]">
                                <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding_3 dodaj_top_1">
                                    <div class="col-xs-2 col-sm-1 col-md-1 col-lg-1 padding_3 ">
                                        <div class="dodaj2_link">
                                            <div class="dodaj2_link_span">2</div>
                                        </div>
                                    </div>
                                    <div class="col-xs-8 col-sm-10 col-md-10 col-lg-10  ">
                                        <div class="dodaj2_link_firma">kalesony</div>
                                        <div class="dodaj2_link_1"><a
                                                    href="www.mbank.pl"
                                                    target="_blank">www.mbank.pl</a>
                                        </div>
                                    </div>
                                    <div class="col-xs-2 col-sm-1 col-md-1 col-lg-1 padding_3 ">
                                        <div class="dodaj2_ikon7">
                                            <img src="assets/images/ikon7.png"
                                                 class="img-responsive dodaj2_ikon7_img removeMe"
                                                 id="43">
                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                                <hr class="hr">
                            </div>

                    </div>


                    <div class="form-group ">
                        <button type="submit"
                                class="btn btn-danger kontakt_button margin_50 button_mop_r_poczta button_save1 hideButton">
                            Zapisz zmiany
                        </button>
                    </div>
                </form>


            </div>


        </div>
    </div>
</section>

<a href="" class="btn btn-default btn-rounded mb-4 formAdd" data-toggle="modal" data-target="#modalSubscriptionForm"
   style="display:none"></a>

<script type="text/javascript">
    $(document).ready(function () {

        $('.imgpo').click(function (e) {
            // var posX = $(this).position().left, posY = $(this).position().top;
            // $('.coorX').html((e.pageX - posX - 10));
            // $('.coorY').html((e.pageY - posY - 10));

            var offset = $(this).offset();
            $('.coorX').html((e.pageX - offset.left - 10));
            $('.coorY').html((e.pageY - offset.top - 10));


            $(".tooltip").tooltip("hide");
            $('.formAdd').click();
        });


        $(document).on("click", ".removeMe", function () {
            var number = $(this).attr('id');
            $('#point' + number).remove();
            $('.obiect' + number).remove();
        });


        $('.saveBtn').click(function (e) {

            if ($('.description').val().length == 0 || $('.url').val().length == 0  || $(".company_id option:selected").val().length ==0) {
                // $('#errorWindow').modal('show');
                alert('Proszę uzupełnić wszystkie pola oznaczone gwiazdką!');
                e.preventDefault();
                return false;
            }




            e.preventDefault();

            var url = $(".url").val(); // url
            var description = $(".description").val(); // description
            var company_id = $(".company_id option:selected").val(); // company_id
            var cX = $(".coorX").text();
            var cY = $(".coorY").text();

            var random = (Math.floor(Math.random() * 999999999999)) * 234;

            pointCount = pointCount + 1;


            var newPoint = "<div class='item-point' data-top='" + cY + "' data-left='" + cX + "' id='point" + random + "'>" +
                "<div>" +
                "<a href='"+url+"'  class='toggle tooltips' title='" + description + "'  data-placement='top' data-html='true' rel='tooltip'><span class='pointFormat'>" + pointCount + "</span></a>" +
                "</div>" +
                "</div>";


            var nextObjNumber = $(".itemsBox").children("div").length + 1;

            // var newObject = "<div class='obiect" + random + "'>Obiect " + random +
            //     "<div class='removeMe' id='" + random + "'>X</div>" +
            //     "</div>";


            var newObject = "<div class='obiect" + random + "'>" +
                "<input type='hidden' value='"+ cX +"|"+ cY +"|"+description+"|"+url+"|"+company_id+"' name='points[]'>" +
                "<div class='col-xs-12 col-sm-12 col-md-12 col-lg-12 padding_3 dodaj_top_1'>" +
                "<div class='col-xs-2 col-sm-1 col-md-1 col-lg-1 padding_3 '>" +
                "<div class='dodaj2_link'><div class='dodaj2_link_span'>" + pointCount + "</div>" +
                "</div></div><div class='col-xs-8 col-sm-10 col-md-10 col-lg-10'>" +
                "<div class='dodaj2_link_firma'>"+description+"</div>" +
                "<div class='dodaj2_link_1'><a href='"+url+"' target='_blank'>"+url+"</a></div></div>" +
                "<div class='col-xs-2 col-sm-1 col-md-1 col-lg-1 padding_3 '>" +
                "<div class='dodaj2_ikon7'>" +
                "<img src='assets/images/ikon7.png' class='img-responsive dodaj2_ikon7_img removeMe' id='" + random + "'></div></div></div><div class='clear'></div><hr class='hr'></div>";


            $(".scalize").append(newPoint); // inserting new point
            $(".itemsBox").append(newObject); // inserting new object


            $('.scalize').scalize({
                styleSelector: 'circle',
                animationPopoverIn: 'flipInY',
                animationPopoverOut: 'flipOutY',
                animationSelector: 'pulse2'
            });


            const $tooltip = $('.tooltips');

            $tooltip.tooltip({
                html: true,
                trigger: 'click',
                placement: 'top',
            });

            $tooltip.on('show.bs.tooltip', () => {
                $('.tooltip').not(this).remove();
            });

            $tooltip.on('click', (ev) => {
                ev.stopPropagation();
            });


            $("#modalSubscriptionForm").modal("hide");

            $(".url").val("");
            $(".description").val("");
            $(".company_id").val("").change();
        });


        $('.scalize').scalize({
            styleSelector: 'circle',
            animationPopoverIn: 'flipInY',
            animationPopoverOut: 'flipOutY',
            animationSelector: 'pulse2'
        });

        $('.tooltips').on('click', (ev) => {
            ev.stopPropagation();
        });


    });

    $(function () {
        $(document).tooltip({
            position: {
                my: "center top+20",
                at: "center"
            },
            content: function () {
                return $(this).prop('title');
            }
        });
    });
</script>

为什么不起作用(点击所选页面后不重定向)？

有人知道怎么解决吗？

请帮忙

最佳答案

如果您不在 href 标记的 URL 开头包含“http://”、“https://”，甚至只是“//”，它将被视为相对 URL(例如http://serwer1356363.home.pl/pub/sample2/www.wp.pl ).

将协议(protocol)添加到链接的开头，使链接正常工作。

关于jquery - 链接在我的模板上不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54486774/

文章推荐： javascript - Highcharts 将数据输出到 HTML 表格

文章推荐： html - 如何设置html“选择”元素的选项的样式？

文章推荐： javascript - 自动关闭 Chrome 扩展程序

文章推荐： html - 创建 "showing"和 "hiding"效果时div是否有display-none

c++ - 模板的特化模板的定义
namespace std { template <> class hash{ public : size_t operator()( cons
javascript - 出于 SEO 原因，对相同内容使用 Django 模板 + Vue 模板
我正在构建一个 Javascript 交互性有限的 Django 应用程序，并且正在研究如何将 Vue 模板与 Django 模板合并以实现相同的内容。想象一个无限滚动的页面，其中 SEO 非常重要
javascript - 外部类调用 LitElement 组件方法(传递 html 模板)，组件方法更新其 html 模板
我需要一个由游戏逻辑组成的外部类，调用 LitElement 组件，并向其传递一个 html 模板文字，该组件将使用该文字来更新其自己的 html 模板文字的一部分。在下面的代码中，您将看到组件的一
ember.js - 是否可以使用脚本标签加载 Handlebars 模板？或者在 Ember.js 中以编程方式定义 Handlebars 模板
很简单，我不想在 html 文件中定义所有 Handlebars 模板我试过了但这并没有奏效。我是否可以不以编程方式定义模板，甚至只是加载 Handlebars 文件，以便我可以重用，而且我觉得
templates - JQuery 1.5 模板 : JQuery 1. 5 未呈现我的模板。如何调用 JQuery 1.5 模板？
在此代码中，j 正确地成为对象:j.name、j.addr、j.city、j.state 和 j.zip。但是，成功函数有一个 JavaScript 错误 .tmpl() 不是函数。 {{t
Django 模板
Django模板不会？点进来，总结了模板语法传值取值、过滤器和自定义过滤器、模板标签的分类、中间件403报错如何解决、如何继承模板~👆 Django 模板模板传值取值后端传值键值对形式：{‘n
C++模板
哈喽大家好，我是鹿九丸 \color{red}{鹿九丸}鹿九丸，今天给大家带来的是C++模板。如果大家在看我的博客的过程中或者学习的过程中以及在学习方向上有什么问题或者想跟我交流的话可以加我的企
PHP 模板
我正在用 PHP 编写一个简单的模板层，但我遇到了一些困难。目前它是这样工作的: 首先，我使用 fetch_template 从数据库中加载模板内容 - 这可行(如果您有兴趣，我会在启动时收集所有模板
Django 模板
我正在制作有关模板的 Django 教程。我目前处于此代码: from django.template import Template, Context >>> person = {'name': '
Jquery 模板
我正在使用 Jquery 模板来显示传入的 JSON 数据我想将模板加载到可缓存的外部文件中。我该怎么做？更新 http://encosia.com/2010/12/02/jquery-templa
Python 模板
这是我的观点.py: from django.http import HttpResponse from django.template.loader import get_template from
JavaScript 模板
我试图说服一位同事在项目的前端使用 Mustache/Hogan，我提出了以下建议: 有一个 templates.js 文件，大致如下所示: var tpl_alert = '{{msg}}'; va
函数中的c++模板
我想创建一个通用的数组函数。在我的 API 中，我有一个通用容器，我需要将其转换为正确的类，但我想让它通用 template void UT::printArray(CCArray* arr, T t
JavaScript 模板
有谁知道是否有办法在 Genshi 中创建 javascript 模板？我的意思是，我需要一个 .js 文件，可以在其中使用等指令。等等。有什么想法吗？谢谢! 最佳答案你可以直接在html中这
HTML 模板
我想知道是否可以设置某种 HTML 模板系统，基本上我有 3 个不同的文件: - header.html - footer.html - landing.html(landing.html 是包含页面
HTML 模板
我正在尝试构建以下 HTML 模板: 这很简单，如果我使用红色容器 1-4，语法如下: 1 2 3 4 5 6 7 8 9 https://jsfi
模板的c++模板
#include "boost/numeric/ublas/matrix.hpp" using namespace boost::numeric::ublas; template class Lay
类中的c++模板
我在一个类中有一个函数，它传递了一个函数及其参数，然后将它们绑定(bind)到一个函数调用中并调用该函数等。这已经被快速组合在一起以测试我知道代码不是很好的概念。 class Profiling {
用于十进制和任意基数之间转换的c++模板
是否有一个 c++ 结构或模板(在任何库中)允许我在十进制和任何其他基数之间进行转换(很像 bitset 可以做的)？最佳答案是的，你可以使用unsigned int: unsigned int
Elixir 模板 - 遍历具有迭代器值的列表
来自其他编程语言，许多像我一样的人会感到惊讶。我有一个简单的问题。我有一个列表——比如说，用户。我想遍历用户并显示一些信息。非常简单，直到我被这个难住了: 使用一个 eex 模板，我试图这样做:

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

jquery - 链接在我的模板上不起作用