0

更新：
感谢所有看过的人。我已经将整个东西移植到 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>
4

1 回答 1

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>
于 2012-05-02T05:43:00.520 回答