Question

的更新
感谢所有看过的人。我已将整个内容移植到JSFiddle中，以便您可以看到它正在做什么...... http://jsfiddle.net/pJVbC/5/

的背景
我在页面上有一堆列表项，每个列表项都有一个专用按钮，用于触发URL的副本（使用zclip。）它可以工作，但需要2-3次点击才能触发jquery。有什么想法吗？

这是HTML ...

    <dt>
  <div class="well">
    <div class="buttoncont">
      <button class="copybutton" prelink="http://www.MySite.com" postlink=""><i class="icon-plus icon-white"></i></button>
    </div>
    <h4><span class="name">MySite Home</span><br /></h4>
  </div>
</dt>

这是Javascript -

  <!-- Copy a static URL using zclip -->  
    <script type="text/javascript">
      $(function() {
        $(".copybutton").click(function() {
          var prelink = $(this).attr("prelink");
          var postlink = $(this).attr("postlink");
          var link = prelink+postlink;
            $(this).zclip({
              path: "http://staging.mysite.com/hstoolkit/js/ZeroClipboard.swf",
              copy: link
            });
        });
      });
    </script>

Answer 1

这是完整的例子。它对我来说很完美。请检查一下。如果问题解决了，请投票给我。

            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
            <html xmlns="http://www.w3.org/1999/xhtml">
            <head runat="server">
                <title></title>

                <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.min.js" type="text/javascript"></script>
                <script type="text/javascript" src="http://www.steamdev.com/zclip/js/jquery.zclip.min.js"></script>
                <script type="text/javascript" src="http://www.steamdev.com/zclip/js/jquery.snippet.min.js"></script>


                <script type="text/javascript">
                    $(document).ready(function(){
                        $("#copy-button").zclip({
                        path: "http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf",
                        copy: function() {
                        var prelink = $(this).attr("prelink");
                        var postlink = $(this).attr("postlink");
                        var link = prelink + postlink;
                        return link;
                            }
                        });
                    });
                </script>

            </head>
            <body>
                <form id="form1" runat="server">
                <dt>
                    <div class="well">        
                        <div class="buttoncont">
                            <button id="copy-button" class="copybutton" prelink="http://www.MySite.com" postlink="">
                                <i class="icon-plus icon-white"></i>
                            </button>
                            ?
                        </div>
                        <h4>
                            <span class="name">MySite Home</span><br />
                        </h4>
                    </div>
                </dt>
                </form>
            </body>
            </html>

Jquery需要2-3次点击才能执行

1 个答案: