Проблем с Transform Rotation+IE9/10

Надявам се някой да ме насочи в правилната посока, тъй като се опитвам да изпълня тази задача от няколко часа и не мога да измисля работеща комбинация от CSS / Javascript за различни браузъри.

По принцип това, което се опитвам да направя, е "обръщане на карта", използвайки CSS и Javascript. Кодът работи чудесно в Google Chrome, но изглежда не мога да го накарам да работи в IE9/10. Ето примерен jsFiddle.

Когато гледате същия jsfiddle в IE10, виждате само задната страна на картата и анимацията не работи.

Някакви предположения?

Ignore this - need a code snippet to post the above jsFiddle link.

javascript css transform
person Justin    schedule 22.08.2013    source източник
comment
защо да поставите това глупаво игнориране на този момент? бихте могли също толкова лесно да поставите копие, ако кодът jsfiddle (или съответната част от него, ако е твърде голям).   -  person Spudley    schedule 22.08.2013
comment
Реших, че ще усложни тази публикация, когато можете просто да щракнете върху връзката jsFiddle, за да видите целия скрипт в действие. Чувствах, че не е необходимо, въпреки че разбирам целта му.   -  person Justin    schedule 22.08.2013

Отговори (1)


arrow_upward
0
arrow_downward

Пробата jsFiddle работи само за Chrome (по-точно, уебкит браузъри). Това е доста логично, тъй като тук се използват само css -webkit свойства.

Анимацията за обръщане на картата, която искате да използвате, също трябва да работи перфектно за IE10 (и Firefox дори не е споменат във вашия въпрос)

Разгледайте страницата на W3school за повече подробности относно свойствата на 3D Transforms CSS, които ще ви трябват използване.

Сега проблемът: IE9.

  1. IE9 не предоставя CSS анимации. Ще трябва да използвате резервен вариант с Javascript (jquery animate).
  2. IE9 не предоставя възможност за завъртане. НО предоставя flipX. Да, няма да имате 3D ефекта, но пак ще имате ефекта на обръщане.

Свойството flip на IE9 е

filter: FlipH;
-ms-filter: "FlipH";
person PIIANTOM    schedule 22.08.2013
comment

Опитвам се да съхраня низ в NSUserDefaults, но когато отида да го извлека, приложението ми се срива.

Предполагам, че това се случва само първия път, тъй като никога не е задавана стойност за този ключ в NSUserDefaults, но се опитах да добавя някакъв код в viewDidLoad(), за да го задам за първи път и това не изглежда да помага.

Ето моят код:

override func viewDidLoad() {
    super.viewDidLoad()

    itemSelected = "Moss"
    NSUserDefaults.standardUserDefaults().setObject(itemSelected, forKey: "colourChosen")
}

override func viewWillAppear(animated: Bool) {
    itemSelected = NSUserDefaults.standardUserDefaults().stringForKey("colourChosen")!
}

func pickerView(pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) {
    itemSelected = colours[row]
    NSUserDefaults.standardUserDefaults().setObject(itemSelected, forKey: "colourChosen")
}

Приложението се срива в viewWillAppear()

Някой има ли идеи?

- person Justin; 22.08.2013