-3

我有小脚本:

<script type="text/javascript">
    $(document).ready(function(){
      $('a').click(function (e) {
        e.preventDefault();
        $('#iframe2').show(1000);
        $('#iframe2').attr('src', "http://www.htp-crm.pl/");
        $(this).hide(1000);
      }); 
    });
</script>

和html:

<a href="#" id="1">LINK1</a><br>
<a href="#" id="2">LINK2</a><br>
<a href="#" id="3">LINK3</a><br>
1<iframe id="iframe1" style="display: none;"></iframe><br>
2<iframe id="iframe2" style="display: none;"></iframe><br>
3<iframe id="iframe3" style="display: none;"></iframe><br>

我怎样才能通过动态功能做到这一点?它总是相同的: id=1 的链接显示 iframe1 id=2 的链接显示 iframe2 ... id=27 的链接显示 iframe27


我用这个:

<script type="text/javascript">
    $(document).ready(function(){
        $('a').click(function (e) {
            var linkId=$(this).attr('class');
            e.preventDefault();
            $('.show_km_'+linkId).show(1000);
            $('.show_km_'+linkId).attr('src', "calendar_files/index-km.php?id='.$row['iid'].'");
            $(this).hide(1000);
        }); 
    });
</script>

我使用这个脚本来显示我和所选地址之间的谷歌距离。如果 iframe 有“显示:无”,为什么我对位置权限有疑问?我认为在我单击链接以显示 iframe 后可能会出现问题:(我可以在这里更改一些内容吗?

// 好的,我修复了谷歌地图脚本 :)。感谢大家向我展示如何更改脚本。最好的祝福!

4

3 回答 3

0

试试这个....

<script type="text/javascript">
    $(document).ready(function(){
        $('a').click(function (e) {
            var linkId=$(this).attr('id');
            e.preventDefault();
            $('#iframe'+linkId).show(1000);
            $('#iframe'+linkId).attr('src', "http://www.htp-crm.pl/");
            $(this).hide(1000);
        }); 
    });
</script>
于 2013-04-23T11:12:27.847 回答
0

您可以遍历您的锚点以获取id并将其分配给id您要显示的 iframe:

$('a').click(function(e) {
    e.preventDefault();
    var id = $(this).attr('id');
    $('iframe#' + id).show();
})
于 2013-04-23T11:13:11.563 回答
0

我建议使用data来引用锚点和 iframe 之间的链接,就像这样......

<a href="#" data-iframe="iframe1">LINK1</a><br>
<a href="#" data-iframe="iframe2">LINK2</a><br>
<a href="#" data-iframe="iframe3">LINK3</a><br>
1<iframe id="iframe1" style="display: none;"></iframe><br>
2<iframe id="iframe2" style="display: none;"></iframe><br>
3<iframe id="iframe3" style="display: none;"></iframe><br>

然后你可以click像这样引用处理程序中的数据......

<script type="text/javascript">
    $(document).ready(function(){
        $("a").on("click", function (e) {
            e.preventDefault();
            var $iframe = $("#" + $(this).data("iframe"));
            $iframe.show(1000);
            $iframe.attr("src", "http://www.htp-crm.pl/");
            $(this).hide(1000);
        }); 
    });
</script>

我还建议不要使用数字作为 ID。除了阅读不友好因为它没有告诉你它是什么的事实之外,一些浏览器不喜欢它。

于 2013-04-23T11:14:59.000 回答