Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Polymer jQuery Eerror</title>
</head>
<body>
​
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.3.4/platform.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/polymer/0.3.4/polymer.js"></script>
​
<polymer-element name="my-first-element">
  <template>
    My First Element:
    <div>Hello</div>
    <div id="bye">Bye</div>
  </template>
  <script>
    Polymer('my-first-element', {
      ready: function(){
        try {
          $(this.$.bye).hide()
        } catch (err) {
          alert('Error: '+err.stack)
        }
      }
    })
  </script>
</polymer-element>
​
<polymer-element name="my-second-element" noscript>
  <template>
    My Second Element:
    <my-first-element></my-first-element>
  </template>
</polymer-element>
  
<my-second-element></my-second-element>
  
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
baluptonpro
0viewers