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

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

jquery

Jquery需要2-3次单击才能执行,jquery,Jquery,更新：感谢所有看过的人。我已经将整个东西移植到JSFIDLE中，以便您可以看到它在做什么背景：我在一个页面上有一堆列表项，每个列表项都有一个专用的按钮，可以触发URL的副本（使用zclip）。它可以工作，但需要2-3次单击才能启动jquery。你知道为什么吗这是HTML <dt> <div class="well"> <div class="buttoncont"> <button class="copybutto

更新：
感谢所有看过的人。我已经将整个东西移植到JSFIDLE中，以便您可以看到它在做什么

背景：
我在一个页面上有一堆列表项，每个列表项都有一个专用的按钮，可以触发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>



MySite主页

下面是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>


$（函数（）{
$（“.copybutton”）。单击（函数（）{
var prelink=$（this.attr（“prelink”）；
var postlink=$（this.attr（“postlink”）；
变量链接=预链接+后链接；
$（此）.zclip({
路径：“http://staging.mysite.com/hstoolkit/js/ZeroClipboard.swf",
副本：链接
});
});
});

这是完整的示例。这对我来说非常有效。请检查这个。如果你的问题解决了，请投我一票

            <!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>


$（文档）.ready（函数（）{
$（“#复制按钮”）.zclip({
路径：“http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf",
复制：函数（）{
var prelink=$（this.attr（“prelink”）；
var postlink=$（this.attr（“postlink”）；
变量链接=预链接+后链接；
返回链接；
}
});
});
?
MySite主页

你能发布一个链接到你的网站吗？或者是做一把小提琴？因为，我看不出你的代码有任何问题。请不要使用。单击尝试使用jqueryNO的.live函数！不要使用

.live

，因为它已被弃用。我删除了asp.net标记。你现在满意了吗？我同意@Humayoo的观点，即你不必将它附加到点击上，而是在加载文档时将它初始化到任何项目上。单击在覆盖的SWF文件上“自行”工作。