bao gồm() không hoạt động trên tất cả các trình duyệt

Question

ngay tại đây là một khối mã của tôi. Nó hoạt động hoàn hảo trong fireFox và Chrome. Nhưng không phải trong IE. Tôi nhận được lỗi "Object doesn't support property or method 'includes'"

function rightTreeSwapfunc2() { 
    if ($(".right-tree").css("background-image").includes("stage1") == true) { 
     $(".right-tree").css({ 
      backgroundImage: "url(/plant-breeding/img/scenes/plant-breeding/stage5.jpg)" 
     }) 
    } else { 
     $(".right-tree").css({ 
      backgroundImage: "url(/plant-breeding/img/scenes/plant-breeding/stage3.jpg)" 
     }) 
    } 
} 

tôi có thể thay đổi nó lên một chút và sử dụng vani JS và làm:

document.getElementById("right-tree").classList.contains

Nhưng tôi thà xem nếu có một cách để có được nó để làm việc trong IE trước khi thay đổi JS và chỉnh sửa HTML và CSS.

Answer 1

Nếu bạn xem tài liệu của includes(), hầu hết các trình duyệt không hỗ trợ thuộc tính này.

Bạn có thể sử dụng hỗ trợ rộng rãi indexOf() sau khi chuyển đổi sở hữu các chuỗi sử dụng toString():

if ($(".right-tree").css("background-image").indexOf("stage1") > -1) { 
//           ^^^^^^^^^^^^^^^^^^^^^^ 

Bạn cũng có thể sử dụng polyfill từ MDN.

if (!String.prototype.includes) { 
    String.prototype.includes = function() { 
     'use strict'; 
     return String.prototype.indexOf.apply(this, arguments) !== -1; 
    }; 
} 

Answer 2

IE11 hiện thực hiện String.prototype.includes tại sao không sử dụng Polyfill chính thức?

Nguồn: ". Phải cây " polyfill source

if (!String.prototype.includes) { 
    String.prototype.includes = function(search, start) { 
     if (typeof start !== 'number') { 
     start = 0; 
     } 

     if (start + search.length > this.length) { 
     return false; 
     } else { 
     return this.indexOf(search, start) !== -1; 
     } 
    }; 
    } 

Answer 3

Thêm một giải pháp là sử dụng chứa trong đó sẽ trở lại đúng hay sai

_.contains ($() css (" background-image "), "stage1")

Hope this helps