评估orientationEvent并设置一个值？

发布于 2024-10-20 11:27:39 字数 544 浏览 5 评论 0原文

如果发生方向更改时触发 onChange 函数，如何在 onChange 中设置一个值来更新 jquery 选择器。例如：

  $(document).ready(function(){    
    var onChanged = function() {
            if(window.orientation == 90 || window.orientation == -90){
                image = '<img src="images/land_100.png">';
            }else{
                image = '<img src="images/port_100.png">';
            }
     }
        $(window).bind(orientationEvent, onChanged).bind('load', onChanged);
        $('#bgImage').html(image); //won't update image
   });

原文

If I have an onChange function firing when an orientation change has happened, how do I set a value within the onChange that will update a jquery selector. For instance:

  $(document).ready(function(){    
    var onChanged = function() {
            if(window.orientation == 90 || window.orientation == -90){
                image = '<img src="images/land_100.png">';
            }else{
                image = '<img src="images/port_100.png">';
            }
     }
        $(window).bind(orientationEvent, onChanged).bind('load', onChanged);
        $('#bgImage').html(image); //won't update image
   });

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

把人绕傻吧 2024-10-27 11:27:39

您需要将对图像的更新放入 onChanged 函数中，以便每次方向更改时，图像 HTML 都会更改。

$(document).ready(function(){   

   // The event for orientation change
   var onChanged = function() {

      // The orientation
      var orientation = window.orientation,

      // If landscape, then use "land" otherwise use "port"
      image = orientation == 90 || orientation == -90 ? "land" : "port";

      // Insert the image
      $('#bgImage').html('<img src="images/'+image+'_100.png">');

   };

   // Bind the orientation change event and bind onLoad
   $(window).bind(orientationEvent, onChanged).bind('load', onChanged);

});

You need to put the update to the image inside the onChanged function so that every time the orientation changes, the image HTML will be changed.

$(document).ready(function(){   

   // The event for orientation change
   var onChanged = function() {

      // The orientation
      var orientation = window.orientation,

      // If landscape, then use "land" otherwise use "port"
      image = orientation == 90 || orientation == -90 ? "land" : "port";

      // Insert the image
      $('#bgImage').html('<img src="images/'+image+'_100.png">');

   };

   // Bind the orientation change event and bind onLoad
   $(window).bind(orientationEvent, onChanged).bind('load', onChanged);

});

回复收藏 0 原文

~没有更多了~