jQuery代码在IE9或更低版本中不起作用

Question

EDIT*

In one of the pages in our website there is a pirate with a speech bubble that tells jokes. When the bubble is clicked the joke changes to another one at random in the list. For some reason this will not work in IE9 or lower. Can anyone tell me why?

I have checked the console and this error appears

"CE2.w.external.InPrivateFilteringEnabled is not a function" 

Here is the script:

$(document).ready(function () {
    var list = $(".joke-list li").toArray();
    var elemlength = list.length;

    // Encapsulate random value assignment within a function
    var setRandomValue = function(element) {
        var randomnum = Math.floor(Math.random() * elemlength);
        var randomitem = list[randomnum];
        $(element).html($(randomitem).text());
    }

    // Bind click button
    $('.speech').click(function () {
        setRandomValue(this);
    });

    // Set random value for the first time
    setRandomValue($('.speech'));
    $('.speech').css("width: 1000px;");
});

Here is a fiddle that I have thrown together to show the fault: http://jsfiddle.net/uRd6N/116/

Answer 1

try this, simpler & cleaner code

$(document).ready(function () {

var list = $(".joke-list").find("li").map(function(){return $(this).text();});

 // Bind click 
$(document.body).on('click','.speech', function () {
  var rndnum=Math.floor(Math.random() * list.length);
  console.log(rndnum); 
   $(this).html(list[rndnum]);
});
//first rand joke 
$(".speech").trigger("click");

});

after seeing your html i guess your problem is that your speech div is parent of your joke list

Answer 2

I suppose it's the missing semicolon in the function assigment. Try this:

// Encapsulate random value assignment within a function
var setRandomValue = function(element) {
   [...]
}; // add semicolon here

Answer 3

You are missing a ; at your function below.

Try this:

$(document).ready(function () {
var list = $(".joke-list li").toArray();
var elemlength = list.length;

// Encapsulate random value assignment within a function
var setRandomValue = function(element) {
    var randomnum = Math.floor(Math.random() * elemlength);
    var randomitem = list[randomnum];
    element.html($(randomitem).text());
};// <----';' is missing here ie will create issues here

// Bind click button
$('.speech').click(function () {
    setRandomValue($(this));
});

    // Set random value for the first time
    setRandomValue($('.speech'));
    $('.speech').css("width","1000px"); //<---apply css this way;
});

see if this solves your issue.