0

更新:
見てくださった皆様、ありがとうございました。私はすべてをJSFiddleに移植したので、それが何をしているのかを見ることができます... http://jsfiddle.net/pJVbC/5/

背景:
ページにたくさんのリスト アイテムがあり、それぞれに (zclip を使用して) URL のコピーをトリガーする専用のボタンがあります。機能しますが、jquery を起動するには 2 ～ 3 回クリックする必要があります。理由はありますか？

ここに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 に答える