Question

在我的网络应用程序中，有一张人的照片。单击它时，它会打开一个模态（我使用Bootstrap）并显示有关该人的信息。 此处重要是网址已更改！

示例：

你打开图片，网址是：

<table border='1' class='table table-hover table-striped'> <thead style='background-color:silver'><tr><td>S.N.</td><td>Name</td><td>Telephone No.</td><td>Mobile No.</td><td width="24%">Options</td></tr></thead> <?php $i=0;?> <?php foreach ($search as $sear): ?> <tr><td><?php $i++; echo $i ;?></td><td><?=$sear->Name?></td><td><?=$sear->Telephone?></td><td><?=$sear->Mobile?></td> <td><a href="<?php echo Yii::$app->request->baseUrl;?>/telephone/view/<?php echo $sear->id;?>" data-id=""><button>View details</button></a> <a href="<?php echo Yii::$app->request->baseUrl;?>/telephone/edit/<?php echo $sear->id;?>" data-id=""><button>Edit</button></a> <a href="<?php echo Yii::$app->request->baseUrl;?>/telephone/delete/<?php echo $sear->id;?>" data-id=""><button>Delete</button></a></td></tr> <?php endforeach; ?> </table>

这是正常人点击图片的时候，但我还需要这样的网址： domain.com/persons#name=FirstnameLastname&referrer=website

此网址显示来自此人的更多信息，其他网址不会显示。

我的代码：

＆＃13;

domain.com/persons#name=FirstnameLastname&referrer=email

＆＃13;

并用以下方法调用模态：

＆＃13;

{{#each employees}}
          <div class="pb40 col-md-3 col-lg-3 col-xs-6 col-sm-6 visible-lg visible-sm visible-md">
            <a href="#name={{firstname}}{{lastname}}&referrer=website" data-toggle="modal">
              <img src="/aboutus/employee/{{_id}}/teaser_image" class="img-responsive img-circle" />
            </a>
          </div>

<!-- information -->

{{/each}}

＆＃13;

当我运行它并点击图片（图片来自数据库）时，他们只更改网址，但不打开带网址的模态

对于出了什么问题的任何想法？

Answer 1

您忘记调用目标ID，尝试它是否有效，只需添加data-traget：

＆＃13;

<a href="#name={{firstname}}{{lastname}}&referrer=website" data-toggle="modal" data-target="#name={{firstname}}{{lastname}}&referrer=website">
              <img src="/aboutus/employee/{{_id}}/teaser_image" class="img-responsive img-circle" />
            </a>

＆＃13;

Answer 2

您忘记使用数据目标

{{#each employees}}
      <div class="pb40 col-md-3 col-lg-3 col-xs-6 col-sm-6 visible-lg visible-sm visible-md">
        <a href="#" data-toggle="modal" data-target="name={{firstname}}{{lastname}}&referrer=website">
          <img src="/aboutus/employee/{{_id}}/teaser_image" class="img-responsive img-circle" />
        </a>
      </div>
{{/each}}

Answer 3

当我这样做时，你的意思是：

＆＃13;

{{#each employees}}

<div class="pb40 col-md-3 col-lg-3 col-xs-6 col-sm-6 visible-lg visible-sm visible-md">
            <a href="#name={{firstname}}{{lastname}}&referrer=website" data-toggle="modal" data-target="#name={{firstname}}{{lastname}}&referrer=website">
              <img src="/aboutus/employee/{{_id}}/teaser_image" class="img-responsive img-circle"/>
            </a>
</div>

{{/each}}

＆＃13;

这就是电话：

＆＃13;

<div id="name={{firstname}}{{lastname}}&referrer=website" class="modal fade" role="dialog">
      <div class="modal-dialog">
        {{!--Modal content--}}

＆＃13;

没什么变化的。但是当我这样做时：

＆＃13;

{{#each employees}}

<div class="pb40 col-md-3 col-lg-3 col-xs-6 col-sm-6 visible-lg visible-sm visible-md">
              <a href="#name={{firstname}}{{lastname}}&referrer=website" data-toggle="modal" data-target="#{{firstname}}{{lastname}}" onclick="window.location.hash = 'name={{firstname}}{{lastname}}&referrer=website';">
              <img src="/aboutus/employee/{{_id}}/teaser_image" class="img-responsive img-circle"/>
            </a>
</div>

{{/each}}

＆＃13;

用它来称呼它：

＆＃13;

<div id="name={{firstname}}{{lastname}}" class="modal fade" role="dialog">
      <div class="modal-dialog">
        {{!--Modal content--}}

＆＃13;

然后他们打开Modal，并更改URL。我不知道这里的问题是什么，但它太糟糕了。现在它有效，但不是很正确。

我相信我现在成了问题，当我想改变模态的内容时，它是referrer = website和referrer = email

我不知道我怎么能这样做，因为我使用来自Websanova的URL.js并且可以读取URL的每一个东西，但是这里是不同的，因为他们打开这个模态，我在数据目标中给他的东西。我认为我需要两种模式，使用{{firstname}} {{lastname}}电子邮件发送不同的ID，使用{{firstname}} {{lastname}}网站发送一种模式。

但我怎么能说现在，干草在网站和电子邮件时更改了数据目标。

我真的希望你能理解，我想要什么，因为这份工作让我发疯... 谢谢你的帮助

Bootstrap Modal更改链接

3 个答案: