Biểu tượng Phông chữ tuyệt vời xung đột với các biểu tượng jQuery UI

Question

Khi tôi thêm jqm-icon-pack-2.1.2-fa.cs vào trang web của mình, phông chữ giao diện người dùng jQuery không hiển thị. Nếu tôi xóa tham chiếu, chúng sẽ hiển thị. Tôi đang tạo ra một ứng dụng di động MVC4 sử dụng Visual Studio 2012. Dưới đây là làm thế nào tôi tham khảo các tập tin css:

<link rel="stylesheet" href="@Url.StaticStylesheet("jquery.mobile-1.2.0.css")" type="text/css"> 
<link rel="stylesheet" href="@Url.StaticStylesheet("jquery.mobile.structure-1.2.0.css")" type="text/css"> 
<link rel="stylesheet" href="@Url.StaticStylesheet("jquery.mobile.theme-1.2.0.css")" type="text/css"> 
<link rel="stylesheet" href="@Url.StaticStylesheet("jqm-icon-pack-2.1.2-fa.css")" type="text/css"> 

Nếu tôi loại bỏ các tài liệu tham khảo cuối cùng, các biểu tượng jQuery làm việc nhưng các biểu tượng tạo ảnh vui nhộn Font không công việc. Tôi đã cố gắng sắp xếp lại các tài liệu tham khảo và điều đó đã không hoạt động. Tôi đã kiểm tra trang với Firebug và tôi không thể thấy sự khác biệt. Tôi đã chắc chắn rằng các đường dẫn là chính xác là tốt. Tôi muốn đăng một liên kết đến trang web của tôi nhưng nó nằm trong một mạng extranet để nó không thể truy cập được. Điều tốt nhất tôi có thể cung cấp là tôi đang đặt đầu vào thành loại = "tìm kiếm" và biểu tượng tìm kiếm và biểu tượng văn bản rõ ràng không xuất hiện. Mọi sự trợ giúp sẽ rất được trân trọng!!

TRẢ LỜI: Tôi đã giải quyết được vấn đề và hy vọng có thể cứu người khác một số nỗi buồn và giờ đánh đập đầu trên bàn phím như tôi đã làm! Khi bạn sử dụng NuGet Package Manager để lấy jQuery mobile, nó sẽ thêm một số tệp hình ảnh có tên icons-18-black.png, icons-18-white.png, icons-36-black.png và icons-36-white.png. Nếu bạn không cẩn thận, bạn có thể bỏ lỡ thực tế rằng có một số tệp hình ảnh hơi khác trên trang web github bạn cần phải bao gồm với Font Awesome được gọi là icons-18-black-pack.png, icons-18-white-pack.png , icons-36-black-pack.png và các biểu tượng-36-white-pack.png. Lưu ý rằng từ "pack" được bao gồm trong tên của các tệp này và chúng hơi khác so với các tệp gốc có trong jQuery mobile. Chỉ cần chắc chắn rằng bạn thêm vào các tệp bị thiếu cộng với tệp ajax-loader.png khác với tệp ajax-loader.gif được bao gồm trong jQuery mobile và tất cả đều hoạt động.

Answer 1

Tôi giải quyết được vấn đề và hy vọng có thể cứu người khác một số nỗi buồn và giờ đánh đập đầu trên bàn phím như tôi đã làm! Khi bạn sử dụng NuGet Package Manager để lấy jQuery mobile, nó sẽ thêm một số tệp hình ảnh có tên icons-18-black.png, icons-18-white.png, icons-36-black.png và icons-36-white.png. Nếu bạn không cẩn thận, bạn có thể bỏ lỡ thực tế rằng có một số tệp hình ảnh hơi khác trên trang web github bạn cần phải bao gồm với Font Awesome được gọi là icons-18-black-pack.png, icons-18-white-pack.png , icons-36-black-pack.png và các biểu tượng-36-white-pack.png. Lưu ý rằng từ "pack" được bao gồm trong tên của các tệp này và chúng hơi khác so với các tệp gốc có trong jQuery mobile. Chỉ cần chắc chắn rằng bạn thêm vào các tệp bị thiếu cộng với tệp ajax-loader.png khác với tệp ajax-loader.gif được bao gồm trong jQuery mobile và tất cả đều hoạt động.