src 파일 확장자 유형에 따라 요소 유형을 변경하십시오.

Question

목표 : 맞춤 요소 유형 (예 : <media ...>)이 여러 개의 파일 확장자 (예 : m4v ... src ...) 중 하나를 갖고있는 경우 맞춤 요소 유형을 적절하게 반영하도록 변경하십시오 요소를 적절히 표시하려면 src을 입력하십시오.

media 요소에 대한 내 jquery 선택기가 문제 일 수 있다고 생각하십니까?

지금까지 실행하면 Chrome 콘솔에서 jQuery 오류를보고합니다. 그러나 모든 정보가 올바르게 선언되었다고 말할 수 있습니다. 구문 또는 오해의 무엇인가?

편집 :

내가 약간의 조정했다

편집 : 여기이 •

Uncaught TypeError: object is not a function 
(anonymous function) 
l jquery.min.js:2 
c.add jquery.min.js:2 
v.fn.v.ready jquery.min.js:2 
v.fn.v.init jquery.min.js:2 
v jquery.min.js:2 
(anonymous function) 
(anonymous function) jquery.min.js:2 
v.extend.globalEval jquery.min.js:2 
(anonymous function) jquery.min.js:2 
v.extend.each jquery.min.js:2 
v.fn.extend.domManip jquery.min.js:2 
v.fn.extend.append jquery.min.js:2 
(anonymous function) jquery.min.js:2 
v.extend.access jquery.min.js:2 
v.fn.extend.html jquery.min.js:2 
(anonymous function) jquery.min.js:2 
l jquery.min.js:2 
c.fireWith jquery.min.js:2 
T jquery.min.js:2 
r 

이

Answer 1

다음을 시도해보십시오 워드 프레스 noConflict 모드에서 실행되는 오류 보고서입니다 요소 및 이미지 태그의 출력 <img></img>이 유효하지 않습니다. 업데이트 된 바이올린을

http://jsfiddle.net/denniswaltermartinez/TjGzZ/

http://jsfiddle.net/denniswaltermartinez/TjGzZ/3/

단지 약간의 개조하면 되겠 어를 참조하십시오.

jQuery(function ($) { 

    $.fn.changeElementType = function (newType) { 

     if (!this.length) return; // added 

     var attrs = {}; 

     $.each(this[0].attributes, function (idx, attr) { 
      attrs[attr.name] = attr.value; 
     }); 

     this.replaceWith(function() { 

      var element = $('<' + newType + '/>', attrs); 

      if (newType !== 'img') 
       element.append($(this).contents()); 

      return element; 
     }); 
    }; 

    $('media[src$=".png"]').changeElementType('img'); // changed slightly 
    $('media[src$=".m4v"]').changeElementType('video'); // changed slightly 
}); 

오히려 다음

$("media").has('[src$=".jpg"]').changeElementType("img");

그

$('media[src$=".png"]').changeElementType('img');

로 변경하고 원하는 물론 당신이 .png을 변경할 수 있습니다, 난 그냥 테스트를위한 PNG를 사용 .

플러그인은 그 요소가 존재한다면 아무것도하지 않을 경우보고 확인도 하나의 작은 비틀기가 있습니다. 그 검사가 없다면 정의되지 않은 요소에서 속성을 얻고 시도 할 것이기 때문에 소리지를 것이다.