如何將選項和習俗添加到jQuery應用程序

我已經做了一個jQuery應用程序，我想爲它提供一些選項，以便用戶將基於它們的prefrecens更改一些值。所以我看到許多插件在head標籤中有一些選項可供用戶修改，並且它們將直接影響插件。事情是這樣的：如何將選項和習俗添加到jQuery應用程序

jQuery(function($) { 
    $.MyApp({ 
    background : #000, 
    foreground : red, 
    blur : 10px 
    }); 
});

所以我們可以說我已經有一個js文件工作正常，但我想給無障礙我的代碼的用戶修改某些默認值。我該怎麼做？我做了一個模糊背景圖像的示例應用程序。 JSFiddle

你可以提供一些基於我的演示的例子，看看這樣的結構如何工作和覆蓋默認值？謝謝。

來源

2016-01-23 TheGuy

例如，這是你可以提供默認的，但在一個jQuery插件重寫選項：

$.fn.MyApp=function(options){ 
    var defaults={ 
     background : "#000", 
     foreground : "#fff", 
     blur : "5px" 
    }; 
    var options=$.extend(defaults,options); 

    $(this).css("-webkit-filter", "blur(" + options.blur + ")"); 
};

來源

2016-01-23 20:39:39 Gavriel

謝謝您的回答，這是我所期待的，但我不知道如何使用它。我做了一個演示並更新了我的問題。你能根據演示回答嗎？謝謝 – TheGuy

@TheGuy這裏是[jsFiddle]（https://jsfiddle.net/DelightedDoD/fa1dyjhk/1/）顯示如何使用它 – DelightedD0D

Gavriel，+1但你真的不需要「選擇器」參數嗎？我希望你會像'$（selector）.MyApp（{someOption：'value'}）;''對嗎？ – DelightedD0D

如何將選項和習俗添加到jQuery應用程序

回答

相關問題