如何点击iframe中的单词并显示弹出框？

Question

 <iframe id ="iframe" style="position: absolute; height: 100%; width:100%; border: none"></iframe>
<script>
 $.getJSON('http://whateverorigin.org/get?url=' + encodeURIComponent('http://20minutes.fr') + '&callback=?', function (data) {
                            document.getElementById('iframe').contentWindow.document.write(data.contents + '');

                        });
                    </script>
<script>
                var p = $('#paragraph'); //create variable to store text

                p.html(function (index, oldHtml) {
                    return oldHtml.replace(/\b(\w+?)\b/g, '<span class="word">$1</span>')
                });

                p.click(function (event) {
                //gets translation

                            document.getElementById('dialog').innerHTML = '<i>' + originalwordTextDiv + '</i>' + '<br>' + translationTextDiv;


                        })
                    }

                });
                $(function () {
                    $("#dialog").dialog({
                        autoOpen: false
                    });

                    $("body").click(function () {
                        $("#dialog").dialog("open");
                    });
                });



            </script>

在上面的脚本中，当我点击iframe中显示的页面中的单词时，不会显示弹出框。我已经解决了javascript相同的原始策略，代码的目标是在外国新闻网站上显示已被点击的单词的翻译。任何帮助将不胜感激。