javascript - 如何在单击 jQUERY 期间添加收藏夹

标签 javascript jquery html

我有一个自定义的“添加到收藏夹”按钮。单击单词链接应将网站的 URL 添加到用户浏览器的收藏夹(书签)中。这应该适用于所有浏览器,IE7+、FF、Opera、Chrome。由于我的代码正在运行,但我认为我缺少某些东西,因此单击时它不会自动添加书签,而不是单击对话框警报。请多多指教

这里是我的代码:

$(function(){
    function AddFavorite(sURL, sTitle)
    {
        try
        {
            window.external.addFavorite(sURL, sTitle);
        }
        catch (e)
        {
            try
            {
                window.sidebar.addPanel(sTitle, sURL, "");
            }
            catch (e)
            {
                alert("请使用Ctrl+D进行添加");
            }
        }
    }
    $('div.link_r').find('a').on('click',function(){
        AddFavorite(location.herf,'新蔡');
        return false;
    });

HTML:

  <div class="link_r">
       <a  href="#">收藏此页面,开奖即时查看</a>
  </div>

最佳答案

$(function() {
  function AddFavorite(sURL, sTitle) {
    if (/firefox/i.test(navigator.userAgent)) {
      return false; //firefox work with attr "rel=sidebar"
    } else if (window.external && window.external.addFavorite) {
      window.external.addFavorite(sURL, sTitle);
      return true;
    } else if (window.sidebar && window.sidebar.addPanel) {
      window.sidebar.addPanel(sTitle, sURL, "");
      return true;
    } else {
      var touch = (navigator.userAgent.toLowerCase().indexOf('mac') != -1 ? 'Command/Cmd' : 'CTRL');
      alert('Press ' + touch + ' + D to bookmark this page.');
      return false;
    }
  }
  $("div.link_r a").attr("rel", "sidebar").click(function() {
    return !AddFavorite(window.location.href, $(this).attr("title"));
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="link_r">
  <a href="#" title="新蔡">收藏此页面,开奖即时查看</a>
</div>

参见:How do I add an "Add to Favorites" button or link on my website?

关于javascript - 如何在单击 jQUERY 期间添加收藏夹,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39139201/

相关文章:

javascript - 更改 Google 的 Geochart 可视化 api 中的图例

javascript - 重定向并使用 QueryString 传递值

javascript - 这个父 jQuery

html - 由于不存在负填充,因此可以替代使用

javascript - ReactJS:是否可以在子组件中包含父组件?

javascript - 使用 insertHTML 的 execCommand 的 iframe 撤消/重做(contenteditable)

jquery - 删除悬停时内置的工具提示?

javascript - 使用 jQuery 清除表单

html - 幻灯片放映的样式问题

javascript - JS 客户端表单验证 - 当 formValidation 函数通过 eventListener 对 "submit"事件返回 false 时,表单仍会提交