从可单击的div内的按钮中删除锚点效果

维克拉姆·阿南德·布珊(Vikram Anand Bhushan)

我有一个完全可以点击的div。但是现在我添加了一个按钮,单击该按钮将显示一个弹出窗口。但是我面临的问题是。当我单击“信息”按钮时,将显示弹出窗口,但该页面也会转到引用的页面,该页面被添加到最外面的div中。

我的html代码在这里

<div style="cursor:pointer; background:" onclick="location.href='http://inmotico.com';" class="contenido_anuncio">
    Here if you click any where it will take you to the page
   <div style="font-size:14px;" class="anuncio_priceiimo">
<div style="margin-top: 0px; padding-left: 0px; margin-bottom: 0px;" class="ui-btn-inline">

    <div style="margin-top: 10px;" class="ui-block-a"> <a class="ui-link" style="color: #FF6600;"></a><a style="color: #FF6600;" class="ui-link">¢ 217,277,650.00</a></div>
<div class="ui-block-b">
    <a style="border:none !important;margin:0px 0px 0px 10px;" data-shadow="false" title="info" data-iconpos="notext" data-icon="info" data-role="button" href="#mDialog1" data-enhance="true" class=" ui-link ui-btn ui-icon-info ui-btn-icon-notext ui-corner-all" data-rel="popup" aria-haspopup="true" aria-owns="mDialog1" aria-expanded="false" role="button">INFO</a>
    </div>
</div>
</div>
</div>

这是一个烦恼**

Gajotres

首先,您需要学习在使用jQuery Mobile时不要使用内联javascript,这是很大的不。

工作示例:http : //jsfiddle.net/Gajotres/NNj2T/

HTML:

<div style="cursor:pointer; background:"  class="contenido_anuncio" >
    Here if you click any where it will take you to the page
    <div style="font-size:14px;" class="anuncio_priceiimo">
        <div style="margin-top: 0px; padding-left: 0px; margin-bottom: 0px;" class="ui-btn-inline">

            <div style="margin-top: 10px;" class="ui-block-a">
                <a class="ui-link" style="color: #FF6600;"></a><a style="color: #FF6600;" class="ui-link">¢ 217,277,650.00</a>
            </div>
            <div class="ui-block-b">
                <a style="border:none !important;margin:0px 0px 0px 10px;" data-shadow="false" title="info" data-iconpos="notext" data-icon="info" data-role="button"  data-enhance="true" class=" ui-link ui-btn ui-icon-info ui-btn-icon-notext ui-corner-all" aria-haspopup="true" aria-owns="mDialog1" aria-expanded="false" role="button" id="info-btn">INFO</a>
            </div>



        </div>
    </div>
    <div data-role="popup" id="mDialog1" data-overlay-theme="a" data-theme="a" data-corners="true" data-dismissible="true">POPUP</div>

</div>

JavaScript:

$(document).on('vclick', '#info-btn',function(event) {
    $('#mDialog1').popup('open');
    event.stopPropagation();
    event.stopImmediatePropagation();
});

$(document).on('vclick', '.contenido_anuncio',function(event) {
    location.href='http://inmotico.com';
    //alert('asdasd');
});

链接:

此处此处了解有关javascript和jQuery中事件传播的信息基本上在此示例中,如果您以编程方式执行所有操作,则无需担心事件触发。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从可单击的div内的按钮中删除锚点效果

来自分类Dev

单击锚点内的div时取消锚点

来自分类Dev

从网址中删除锚点

来自分类Dev

从网址中删除锚点

来自分类Dev

仅当光标位于div内时,使按钮可单击

来自分类Dev

单击jQuery中的div内的图像后的翻转效果

来自分类Dev

单击语言按钮可删除URL中的id参数

来自分类Dev

Safari在单击超链接时会忽略/删除锚点(或“标签”)?

来自分类Dev

Safari在单击超链接时会忽略/删除锚点(或“标签”)?

来自分类Dev

防止锚点内单击DOM生成的元素时发生锚点行为

来自分类Dev

更改特定div中的锚点

来自分类Dev

切换div(锚点单击除外)

来自分类Dev

通过单击元素内的锚点或包含div ID的任何地方,将元素滚动到页面顶部

来自分类Dev

更改按钮并单击删除div

来自分类Dev

使JList中的按钮可单击

来自分类Dev

图像内的锚点

来自分类Dev

在Blazor中单击锚点后如何更新HREF?

来自分类Dev

在Rainbow Wheel中无法单击锚点元素

来自分类Dev

在 jQuery 中单击锚点时设置 asp:HiddenField 值

来自分类Dev

Java HtmlUnit单击锚点

来自分类Dev

Java HtmlUnit单击锚点

来自分类Dev

我正在尝试使用香草JS突出显示单击的锚点并删除以前突出显示的锚点

来自分类Dev

可以在Word中创建用于“锁定锚点”的按钮吗?

来自分类Dev

如何使用addClass和removeClass相同的锚点和div ..锚点单击addClass并激活addClass项

来自分类Dev

如何使用addClass和removeClass相同的锚点和div ..锚点单击addClass并激活addClass项

来自分类Dev

单击按钮从列表中删除

来自分类Dev

更改按钮锚点SwiftUI

来自分类Dev

从URL和历史记录中删除锚点

来自分类Dev

如何使用 IIS 重写模块删除 url 中的锚点?

Related 相关文章

  1. 1

    从可单击的div内的按钮中删除锚点效果

  2. 2

    单击锚点内的div时取消锚点

  3. 3

    从网址中删除锚点

  4. 4

    从网址中删除锚点

  5. 5

    仅当光标位于div内时,使按钮可单击

  6. 6

    单击jQuery中的div内的图像后的翻转效果

  7. 7

    单击语言按钮可删除URL中的id参数

  8. 8

    Safari在单击超链接时会忽略/删除锚点(或“标签”)?

  9. 9

    Safari在单击超链接时会忽略/删除锚点(或“标签”)?

  10. 10

    防止锚点内单击DOM生成的元素时发生锚点行为

  11. 11

    更改特定div中的锚点

  12. 12

    切换div(锚点单击除外)

  13. 13

    通过单击元素内的锚点或包含div ID的任何地方,将元素滚动到页面顶部

  14. 14

    更改按钮并单击删除div

  15. 15

    使JList中的按钮可单击

  16. 16

    图像内的锚点

  17. 17

    在Blazor中单击锚点后如何更新HREF?

  18. 18

    在Rainbow Wheel中无法单击锚点元素

  19. 19

    在 jQuery 中单击锚点时设置 asp:HiddenField 值

  20. 20

    Java HtmlUnit单击锚点

  21. 21

    Java HtmlUnit单击锚点

  22. 22

    我正在尝试使用香草JS突出显示单击的锚点并删除以前突出显示的锚点

  23. 23

    可以在Word中创建用于“锁定锚点”的按钮吗?

  24. 24

    如何使用addClass和removeClass相同的锚点和div ..锚点单击addClass并激活addClass项

  25. 25

    如何使用addClass和removeClass相同的锚点和div ..锚点单击addClass并激活addClass项

  26. 26

    单击按钮从列表中删除

  27. 27

    更改按钮锚点SwiftUI

  28. 28

    从URL和历史记录中删除锚点

  29. 29

    如何使用 IIS 重写模块删除 url 中的锚点?

热门标签

归档