jsPDFは、ローカルホストで動作していない

Question

<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script> 
<script type="text/javascript"> 
    var doc = new jsPDF(); 
    var specialElementHandlers = { 
     '#editor': function (element, renderer) { 
      return true; 
     } 
    }; 

    $('#cmd').click(function() { 
     doc.fromHTML($('#content').html(), 15, 15, { 
      'width': 170, 
       'elementHandlers': specialElementHandlers 
     }); 
     doc.save('sample-file.pdf'); 
    }); 
</script> 
<div id="content"> 
    <h3>Hello, this is a H3 tag</h3> 

    <p>a pararaph</p> 
</div> 
<div id="editor"></div> 
<button id="cmd">generate PDF</button> 

私が

Answer 1

をやって何の問題が順序であることを理解しやすいだろうので、私はすべての私のコードを記載しているローカルホストでの作業jsfiddleで正常に動作していないが、私のコードあなたのHTMLのために、マークアップを変更する：あなたは存在しない何かにリスナーを追加しているので、

<div id="editor"></div> 
    <button id="cmd">generate PDF</button> 
    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script> 
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script> 
    <script type="text/javascript"> 
     var doc = new jsPDF(); 
     var specialElementHandlers = { 
      '#editor': function (element, renderer) { 
       return true; 
      } 
     }; 

     $('#cmd').click(function() { 
      console.log("Hola"); 
      doc.fromHTML($('#content').html(), 15, 15, { 
       'width': 170, 
        'elementHandlers': specialElementHandlers 
      }); 
      doc.save('sample-file.pdf'); 
     }); 
    </script> 
    <div id="content"> 
     <h3>Hello, this is a H3 tag</h3> 

     <p>a pararaph</p> 
    </div> 

クリックイベントがトリガされていません。このコードは、file：//プロトコルでも動作します。マークアップはアプリケーションによって自動的にレンダリングされるので、jsFiddleが機能します。