-4

以下は、私が知りたいiframeコードです。任意のボタンをクリックすると、リンクが変更され、ページをリロードせずに結果が表示されるとしましょう。

ありがとう、

<iframe name="reloader" id="reloader" width="500" height="400" src="http://www.google.com/"/>
4

3 に答える 3

0 
$('#yourBtn').on('click', function(){
   $('#reloader').attr('src', 'yourNewLink'); 
})
于 2012-05-19T11:00:17.230 に答える
0

（あなたが過度に複雑だった場合）

         <a href="http://www.somewebsite.com" target="reloader">
            click here
         </a>


        <iframe name="reloader" 
             id="reloader" width="500" 
             height="400" 
             src="http://www.google.com/"/>

jquery なし (seo にやさしく、よく劣化する)

         <a href="http://www.somewebsite.com" class="mybutton" target="reloader">
            click here
         </a>


        <iframe name="reloader" 
             id="reloader" width="500" 
             height="400" 
             src="http://www.google.com/"/>



       <script type="text/javascript">

           $(".mybutton").click(function(e) {

              /* stop the link */
              e.preventDefault();

           /* get the url from the link */
           var url = $(this).attr("href");

          /* do something with it */
           $("#reloader").attr("src",url);

           });

       </script>
于 2012-05-19T11:22:13.557 に答える
0

ボタンの代わりにリンクを使用できる場合、これは完璧なソリューションです。

jQuery の基本的な質問: リンクをクリックして iframe src を変更するにはどうすればよいですか?

于 2012-05-19T11:07:33.320 に答える