Question

我在努力弄清楚为什么我的拉斐尔图像没有显示在我的HTML上时遇到了极大的困难。我已经尝试了许多不同的插座和我的html / js文件的更改，但我仍然无法弄清楚问题。非常感谢任何帮助！

以下是我的HTML：

<body>
<h1>title of my page</h1>
<div id="int">
<svg height="400" width="550">

</svg> 
</div>

<section id="p1">
<p>Paragraph 1 with some content</p>
</section>

<section id="p2">
<p>Another paragraph that pops up and has different content</p>
</section>

<div id="controls"><button id="continue">Continue the Story</button></div>




... and here is a copy of my .js document
to_p2 = function() {
  /* flip from p1 to p2 */
  $('#p1').hide()
  $('#p2').show()
  $('#continue').off()
  $('#continue').click(to_p3)

}
to_p3 = function() {
  /* flip from p2 to p3 */
  $('#p2').hide()
  $('#p3').show()
  $('#continue').off()
  $('#continue').click(to_p4)

} 

setup = function() {
  $('#continue').click(to_p2)
  $('section').hide()
  $('#p1').show() 
paper = Raphael('int', 400, 550)
    c = paper.circle(160, 120, 45)
    c = paper.circle(60, 100, 30)
    c = paper.circle(12, 60, 20)
    c.attr ({ 
    'fill': '#00f'
    }) 

}
jQuery(document).ready(setup)

拉斐尔图像/形状没有在Javascript上显示

0 个答案: