2017-01-23 125 views
0

我想我的窗口重定向在基地按鈕的價值,但我可以得到工作「消息」:「未捕獲的ReferenceError:myFunction未定義」?

這是我的代碼

<!DOCTYPE html> 
 
<html> 
 
<body> 
 
    <p>Click the button to change the location of the first iframe element (index 0).</p> 
 

 
    <button class="godd" onclick="myFunction()">Try it</button> 
 
    <br> 
 
    <br> 
 

 
    <iframe src="http://localhost:8005/?xform=http://127.0.0.1:8080/output_path4fff"></iframe> 
 
    <iframe src="http://localhost:8005/?xform=http://127.0.0.1:8080/output_path4fff"></iframe> 
 

 
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"> 
 
    $(document).ready(myFunction() { 
 
     var Vp = $('.godd').eq(0).text(); 
 
     window.frames[0].top.location.href = 'http://' + Vp; 
 
    }) 
 
    </script> 
 
</body> 
 
</html>

請幫助

+0

checkout this http://stackoverflow.com/questions/15171008/onclick-not-working-with-button – ricky

回答

3

jQuery代碼應如下所示:

function myFunction() { /* myfunction declaration */ 
    var Vp = $('.godd').eq(0).text(); 
    window.frames[0].top.location.href = 'http://' + Vp ; 
}; 
$(document).ready(function(){ /* DOM ready callback */ 

}); 

You should define your function outside DOM ready. Read $(document).ready

腳本標籤應該是這樣的:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
<script> 
    //Jquery Code 
</script> 
2

script elements可以有一個src屬性內容,但不能同時使用。如果他們同時擁有這兩個內容,則內容將被忽略(內容被視爲「腳本文檔」,而不是代碼)。

使用其他腳本塊爲您的jQuery腳本

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> 
</script> 
<script> 
    function myFunction() { 
    } 
</script> 

您需要定義在全球範圍內的功能,你使用內聯單擊處理程序訪問它。

function myFunction() { 
    var Vp = $('.godd').eq(0).text(); 
    window.frames[0].top.location.href = 'http://' + Vp ; 
}; 
$(document).ready(function(){ 
    // DOM ready callback   
}); 

不過,我會建議應該用不顯眼的事件處理程序,而不是在線點擊處理程序。

$(document).ready(function(){ 
    $('.godd').on('click', function() { 
     var Vp = $(this).text(); //Current element context 
     window.frames[0].top.location.href = 'http://' + Vp ; 
    }); 
}); 

HTML

<button class="godd">Try it</button> 
2

請撥打網頁上的功能準備下面的代碼。請檢查一次:

<script> 
function myFunction(){ 
     var Vp = $('.godd').eq(0).text(); 
     window.frames[0].top.location.href = 'http://' + Vp ; 
} 

$(document).ready(function(){ 
    myFunction(); 
}); 
</script>